jQuery 淡入没有淡出？答案

【问题标题】：jQuery fadeIn without fadeOut?jQuery 淡入没有淡出？
【发布时间】：2017-01-12 05:50:32
【问题描述】：

所以基本上我正在尝试重现this effect，但我无法弄清楚如何不断地“淡入”图片，而没有淡出到白色（我希望下一张图片融入其中）。

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

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

【问题讨论】：

this fiddle 会为你做这项工作吗？
这就是我想要的效果，但我不想有多个 div，我希望同一个 div 用淡入淡出效果更改背景图像 url。谢谢！
只有一个 div 没有任何办法。如果您不淡出到 0 不透明度并更改图像，则使用一个 div，用户将看到图像更改之间的跳转。为什么不能使用多个 div？如果您在 javascript 代码中动态创建内部 div 并将它们注入您的 html 会怎样？你还不能接受吗？
是的，我可能会按照您的建议使用多个 div。非常感谢您的时间和帮助，非常感谢！

标签： jquery css fadein fadeout

【解决方案1】：

我认为您只想要淡入淡出。所以将fadeOut改为fadeIn。

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

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

【讨论】：

提供的小提琴是404！
@EhsanT 我已将fadeIn 函数中的fadeOut 更改为fadeIn，我正在更新小提琴对不起。
仍然是 404。请删除链接末尾的 ]。但我不认为你是 OP 正在寻找的东西。我认为他仍然需要褪色，但不是完全白色。正如他所说，他需要以某种方式将图像一个接一个地混合
谢谢你们。那是我之前尝试过的，但是那样没有混合效果。还有其他建议吗？

【解决方案2】：

晚了 3 年，但你可以使用 css display: none 在你想淡入的元素上解决它

然后在 document.ready() 中调用 fadeIn()

CSS：

body {
      display: none;
    }

JS：

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

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

【讨论】：