我试图创建一个效果,你点击缩略图,缩略图的链接将替换主图像,但淡入它。这是我目前使用的代码:
@H_502_2@$(".thumbs a").click(function(e) {
e.preventDefault();
$imgURL = $(this).attr("href");
$(".boat_listing .mainGallery").fadeIn(400,function() {
$(".boat_listing .mainGallery").attr('src',$imgURL);
});
});
解决方法
你必须先使它fadeOut()或隐藏它。
尝试这个 :
@H_502_2@$(".thumbs a").click(function(e) { e.preventDefault(); $imgURL = $(this).attr("href"); $(".boat_listing .mainGallery") .fadeOut(400,function() { $(".boat_listing .mainGallery").attr('src',$imgURL); }) .fadeIn(400); });它应该淡出图像,然后在隐藏时更改src,然后淡入淡出。