[Dilettante_Pro]

Набросок

<figure class="item item-h2" >
	<figcaption>
		<img src="http://javascript.ru/cat/list/dom.gif">
                <img src="http://javascript.ru/cat/list/event.gif" style="display:none">
                <img src="http://javascript.ru/cat/list/integr.jpg" style="display:none">
                <span class="click">1</span>
                <span class="click">2</span>
                <span class="click">3</span>
         </figcaption>
</figure>
<figure class="item item-h2" >
	<figcaption>
		<img src="http://javascript.ru/cat/list/donkey.gif">
                <img src="http://javascript.ru/cat/list/libs.jpg" style="display:none">
                <img src="http://javascript.ru/cat/list/js.gif" style="display:none">
                <span class="click">1</span>
                <span class="click">2</span>
                <span class="click">3</span>
         </figcaption>
</figure>
<script src='https://code.jquery.com/jquery-latest.js'></script>
<script>
$( "figure figcaption span" ).on( "click",  function() {
  var index = $(this).text();
 $( this.parentNode).find("img").each(function(i,item) {
       i == index - 1 ? item.style.display = "inline": item.style.display = "none";
  });
});
</script>