koderman,
разделяйте логику, пишите код так, чтобы часть его можно использовать в дальнейшем
<style>
#hier img {
width:40px;
height: 40px;
}
</style>
<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">
</div>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
<script>
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 () {
this.src = image().src;
});
</script>
добавил картинки, кликать по большой