javascript - 将一个图像淡入另一个图像

Question

所以我想用 jQuery 制作一个 slider ，但我无法获得正确的效果...我希望它是这样的，当我单击一个图像时，它会淡入另一个图像，就像在这个 slider 上一样: http://na.leagueoflegends.com

普通的 fadeIn()/fadeOut() 效果并不是我想要的，我希望它更平滑并且在第二张图像淡入之前不要淡入黑色。

放置两个 div(一个绝对定位在另一个之上)然后将一个淡化到顶部行吗？

提前致谢，干杯!

Answer 1

像这样的东西应该可以工作

$("your img 1").animate({opacity : 0}, 300, function(){ // Fade out
    $("your img 2").animate({opacity : 1}, 200, function(){ // Fade in

    });
});