Jquery 加载页面后图像中的淡入淡出

好的，这是我目前的工作代码

$(window).load(function() {
     $("#scroller li").each(function(i) {
          $(this).delay(400*i).fadeIn();
     });
});

加载窗口后，它会在一个又一个图像中完全淡出。但在我的页面上，我有一些链接，这些链接调用了一个html文件，该文件将包含更多图像的图像放入一个div中。这个脚本只是在加载图像时一个接一个地淡入，导致半切图像淡入

所以我想要的是当文档准备好时，它加载所有图像，然后淡入

我需要使用

jQuery（document）.ready（function（）

来启动脚本，所以

.bind（'load'）

是正确的…我想..我在这方面很新

这是我想出来的，但它不起作用…也许有人能告诉我为什么

$(document).ready(function() {
     $("#scroller li").each(function(i) {
          $(this).bind('load', function(){
               $(this).delay(400*i).fadeIn();
          });
      });
  });

---

加载已在$（document）之后发生。ready将等待整个页面的内容加载完毕，然后启动函数

您是否尝试过将li或li's设置为隐藏，然后执行以下操作：

$(document).ready(function() {
     $("#scroller li").each(function(i) {
           $(this).delay(400*i).fadeIn();
      });
  });

---

加载已在$（document）之后发生。ready将等待整个页面的内容加载完毕，然后启动函数

您是否尝试过将li或li's设置为隐藏，然后执行以下操作：

$(document).ready(function() {
     $("#scroller li").each(function(i) {
           $(this).delay(400*i).fadeIn();
      });
  });

---

听起来您想预加载图像。如果图像已预加载，则它们将被缓存，因此当您第一次显示它们时，整个图像应显示出来，而不是被切断。您只需使用“$（“”）即可预加载图像。attr（'src'，'source/of/image'）；这会将图像加载到内存中，并应提前将其缓存。它不会将图像附加到DOM。

听起来像是要预加载图像。如果图像已预加载，则它们将被缓存，因此当您第一次显示图像时，应显示整个图像，而不是将其切断。您可以仅通过usi预加载图像ng`$（“”）attr（'src'，'source/of/image'）；这会将图像加载到内存中，并应提前缓存它们。它不会将它们附加到DOM。

是的，所有的LI都隐藏了…当我调用.load函数时，我加载的新LI会同时加载并一个接一个地淡入，导致一半图像在淡入时被切断…是的，所有LI都隐藏了。。.当我调用.load函数时，我加载的新li会同时加载并一个接一个地淡入，导致图像在淡入时被切断一半。。。