Показать сообщение отдельно
  #20 (permalink)  
Старый 12.02.2014, 01:09
Аватар для Vlasenko Fedor
Профессор
Отправить личное сообщение для Vlasenko Fedor Посмотреть профиль Найти все сообщения от Vlasenko Fedor
 
Регистрация: 13.03.2013
Сообщений: 1,572

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>

добавил картинки, кликать по большой

Последний раз редактировалось Vlasenko Fedor, 12.02.2014 в 01:57.
Ответить с цитированием