慢慢地将图像淡入另一个

Question

这是链接： Simple-fading-image-swap

我正在努力实现与此相似的东西，但是，我需要减慢照片的变化速度。有什么方法可以轻松改变转换速度（它花费时间消退）？

Answer 1

像this

一样使用它

$('.fadein img:gt(0)').hide();

setInterval(function () {
    $('.fadein :first-child').fadeOut(4000)
                             .next('img')
                             .fadeIn(10)
                             .end()
                             .appendTo('.fadein');
},4000 ); // 4 seconds

Answer 2

尝试这样的事情，FIDDLE

setInterval(function () {
$('.fadein :first-child').fadeOut()
                         .next('img')
                         .fadeIn(3000)
                         .end()
                         .appendTo('.fadein');
}, 4000); // 4 seconds

Answer 3

您可以指定淡出时间

setInterval(function () {

        $('.fadein :first-child').fadeOut(2000)// 2 seconds
                                 .next('img')
                                 .fadeIn(2000)
                                 .end()
                                 .appendTo('.fadein');
    }, 4000); // 4 seconds