将图像淡入另一个图像

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

    });
});