javascript - 延迟加载不会加载可见图像

我正在尝试使用lazyload仅加载可见的图像(因为我的网站具有响应能力，并且某些内容被display隐藏:在较小的屏幕上客户端无此内容)。

基本上，lazyload可以工作，但是只有在我稍微滚动一下页面之后才可以。

这是我正在使用的延迟加载设置，即使将阈值设置为2000px(大于整个页面高度)，它仍然仅在用户滚动页面(甚至1 px)之后才加载图像。
此错误仅出现在webkit浏览器中。

$(document).ready(function () {
    $("img").lazyload({threshold : "2000", effect : "fadeIn", effectspeed: 2000,});
});

最佳答案

我认为这可能是threshold参数的不当行为，但您仍然可以根据this page手动触发加载:

<script type="text/javascript">
  $(document).ready(function () {
      $("img")
         .lazyload({
             event: "lazyload",
             effect: "fadeIn",
             effectspeed: 2000
           })
         .trigger("lazyload");
  });
</script>

但是，如果要在ready上加载所有图像，为什么根本需要lazyload？您可以只使用$.animate。