将图像淡入另一个图像

时间:2013-07-17 00:43:45

标签: javascript jquery image slider fade

所以我试图用jQuery创建一个滑块,但是我无法正确地获得效果...... 我希望它是这样的,当我点击一个图像时它会逐渐淡入另一个像这个滑块上: http://na.leagueoflegends.com

正常的fadeIn()/ fadeOut()效果并不是我想要的,我希望它更平滑,也不会在第二张图像淡入之前淡入黑色。

将两个div(一个绝对定位在另一个上)然后逐渐淡化顶部工作?

提前致谢,欢呼!

1 个答案:

答案 0 :(得分:1)

这样的事情应该有效

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

    });
});