Есть такой код, одна большая картинка, под ней три маленьких превьюшки. При наведении мышкой на превьюшку, она отображается вместо большой картинки.
<div class="an_image">
<img src="0.jpg">
<div class="preview">
<img src="sm1.jpg" data-src="1.jpg">
<img src="sm2.jpg" data-src="2.jpg">
<img src="sm3.jpg" data-src="3.jpg">
</div>
</div>
Нашёл кусок скрипта, который отвечает за всё это дело.
t(".preview img").mouseenter(function(){t(this).parent().prev().attr("src",t(this).data().src)})
Так вот, надо обернуть большую картинку ссылкой,
<a href="#>
<img src="0.jpg">
</a>
но тогда перестают меняться превьюшки. Что дописать?
parent()
добавить