Показать сообщение отдельно
  #9 (permalink)  
Старый 19.11.2014, 21:00
Кандидат Javascript-наук
Отправить личное сообщение для biryukovm Посмотреть профиль Найти все сообщения от biryukovm
 
Регистрация: 13.12.2013
Сообщений: 110

Сообщение от рони Посмотреть сообщение
biryukovm,
сделайте в картинках data-id="largeImg" и берите эти данные в качестве источника куда отправить картинку
Спасибо большое за помощь я сделал проще
Кому понадобится берите =))

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>

<img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img2-thumb.jpg" id="large2">
<div class="thumbs2">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img2-thumb.jpg">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img3-thumb.jpg">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img4-thumb.jpg">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img5-thumb.jpg">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img6-thumb.jpg">
</div>
      
      <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img2-thumb.jpg" id="large1">
<div class="thumbs1">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img2-thumb.jpg">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img3-thumb.jpg">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img4-thumb.jpg">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img5-thumb.jpg">
  <img src="http://learn.javascript.ru/files/tutorial/browser/events/gallery/img6-thumb.jpg">
</div>
<script> 


$('.thumbs2 img').mouseover(function(){document.getElementById('large2').src = this.src;});
$('.thumbs1 img').mouseover(function(){document.getElementById('large1').src = this.src;});

</script>
Ответить с цитированием