Question

所以基本上我正在尝试重现this effect，但我无法弄清楚如何不断地在照片上逐渐“淡入”，而不是fadeOut变为白色（我希望下一个图像融入）。

var run = function() {
    transition();
    slideshow.fadeIn('slow', function() {
        setTimeout(function() {
            slideshow.fadeOut('slow', run);
        }, timeToDisplay);
    });
}

我尝试用fadeIn替换fadeOut，但它不起作用。有什么想法吗？

Answer 1

我认为你只想要fadeIn。所以将fadeOut改为fadeIn。

var run = function() {
    transition();
    slideshow.fadeIn('slow', function() {
        setTimeout(function() {
            slideshow.fadeIn('slow', run);
        }, timeToDisplay);
    });
}

（这是你的小提琴）[https://jsfiddle.net/yonashailug/q8ebgm75]

Answer 2

晚了3年，但是您可以使用CSS显示解决此问题：要淡入的元素上没有

然后在document.ready（）中调用fadeIn（）

CSS：

body {
      display: none;
    }

JS：

$(document).ready(() => {
  $("body").fadeIn(2000);
})

示例：https://jsfiddle.net/3gpzcjn9/

jQuery fadeIn没有fadeOut？

2 个答案: