JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hier">
  <img src="http://javascript.ru/forum/images/smilies/help.gif">
</div>
<div id="eto">
  <img src="http://javascript.ru/forum/images/smilies/smile.gif">
  <img src="http://javascript.ru/forum/images/smilies/haha.gif">
  <img src="http://javascript.ru/forum/images/smilies/thank_you2.gif">
  <img src="http://javascript.ru/forum/images/smilies/wink.gif">
  <img src="http://javascript.ru/forum/images/smilies/blink.gif">

CSS

#hier img {
    width:40px;
    height: 40px;
  }

JavaScript

function next(arr) {
	    var max = arr.length - 1,
	      i = -1;
	    return function () {
	      i = i < max ? i + 1 : 0;
	      return arr[i];
	    };
 }
 
var images = $("#eto img");
var image =  next(images);

$("#hier img").click(function () {$("#hier img").attr("src",image().src);                        

});