jQuery fadeIn without fadeOut?

Question

所以基本上我试图重现这种效果，但我无法弄清楚如何在没有淡出到白色的情况下不断"淡入"图片（我希望下一个图像融合）。

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

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

Answer 1

我认为你只想要淡入。因此，将淡出更改为淡入。

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/