0

我正在使用 Arial Fleser 的图像延迟加载，它工作得很好，但是，每当我决定将某些图像放在其他东西中时就会出现问题，比如水平手风琴，或者水平移动 div 的东西，就像延迟加载插件期望你图像通过一些垂直滚动出现在视口中，但是如果你的图像要水平显示，例如，通过一些 jQuery 函数从 css left -1500px，你最终得到的只是图像占位符。然后，您必须向上或向下滚动至少 1 个像素，以便加载图像。

在我开始弄清楚一些使某些容器向上滚动或向下滚动 1 个像素的俗气 hack 之前，我想我会问：一定有某种方法可以告诉lazyload 理解的不仅仅是滚动动作吗？一旦图像进入视野（无论如何），图像应该加载。或者无论如何，我会寻求任何创造性的解决方案，即使它有点俗气。

4

1 回答 1

0

如果我误解了您的请求，我深表歉意，但我相信您可以设置几个延迟加载选项以在您描述的实例（我认为）中工作：

第一个是用于水平滚动 div 之类的实现，您必须告诉lazyload 在所述 div 上工作，如下所示：

$("img.needstoload").lazyload({         
     container: $("#scrollydivid")
});

还有'skip_invisible'参数，您可能需要将其设置为false，因为默认情况下lazyload会忽略不可见的图像（直到您垂直滚动，当它重新检查图像以查看是否需要加载时）...

于 2012-09-19T20:53:22.330 回答