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

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

    });
});