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