Прошу подсказать, кто знает.
Емеется такой ХТМЛ:
<div id="pictures">
<img class="product-image-small" src="http://localhost/shop/images/pic1.gif"/>
<img class="product-image-small" src="http://localhost/shop/images/pic2.gif"/>
<img class="product-image-small" src="http://localhost/shop/images/pic3.gif"/>
</div>
<img class="product-image-large" src="http://localhost/shop/images/pic1.gif"/>
Jquery:
$(document).ready(function(){
$("img.product-image-small").hover(
function(){
var imgname = $(this).attr('src');
$("img.product-image-large").fadeTo(
1500, 0,
function() {
$('img.product-image-large').attr('src',imgname);
}
).fadeTo(1500, 1);
return false; }
);
});
То есть при наведении на маленькую картинку, меняется и большая.
Проблема в том, что если провести мышкой над всеми маленькими картинками, то
большая картинка начинает последовательно обновляться всеми ими.
Как сделать так, чтобы при переводе мышки на следующую картинку предидущие действия бы
прекращались?!?
Заранее спасибо...