将图像淡入另一个图像

Question

所以我正在尝试使用 jQuery 制作一个滑块，但我无法获得正确的效果... 我希望它是这样，当我单击一个图像时，它会像这个滑块一样淡入另一个图像： 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

    });
});