Сообщение от рони
|
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>