javascript – Lazy Load不会加载可见图片

我正在尝试使用lazyload来仅加载可见的图像(因为我的网站是响应式的,并且一些内容被隐藏了display：none给较小屏幕上的客户端).

基本上,lazyload工作,但只有在我滚动页面之后.

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

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

解决方法

我认为它可能是阈值参数的一些不当行为,但仍然可以根据 this page手动触发加载：

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

但是如果你想要准备好加载所有图像,为什么还需要lazyload呢？你可以使用$.animate.