[KEMPZOR]

Здравствуйте. Наведите пожалуйста на мысль. Есть много блоков, в которых есть изображения. Цель: по клику на 1 или 2 или 3.. поменять изображение в блоке на следующее по нумерации.

<figure class="item item-h2" >
	<figcaption>
		<img src="/d/402010/d/detal-dfdf.jpg">
                <img src="/d/402010/d/detal-sdfg.jpg" style="display:none">
                <img src="/d/402010/d/detal-gdfgsr.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="/d/402010/d/detal-jhhg.jpg">
                <img src="/d/402010/d/detal-fghfj.jpg" style="display:none">
                <img src="/d/402010/d/detal-tryrt.jpg" style="display:none">
                <span class="click">1</span>
                <span class="click">2</span>
                <span class="click">3</span>
         </figcaption>
</figure>

Код я начал так.

$( "figure figcaption" ).on( "click", "span", function() {
  var index = $(this).index();
  console.log( $( this ).index() );
});

Подскажите как дальше действовать.