jQuery：使用carouFredSel插件延迟加载

Question

我正在尝试为使用carouFredSel jQuery插件创建的轮播内的图像实现延迟加载。

您有任何建议或者您已经取得了类似的成就吗？它似乎默认不能这样做。

Answer 1

@Stefano-到目前为止你尝试了什么？ （如果可以，显示一些代码）。它将帮助我们了解到底发生了什么。

作为延迟加载的经验法则，请确保将占位符图像作为src放在html中，如：src="img/grey.gif"。这个图像可以是任何东西 - 但大多数人使用一个小的1px盒子b / c它的光线供服务器传输。绑定将特定类放在html的<img> src中也是一个好主意，例如：class="lazy"。

这是你的html src的一个例子：

<img class="lazy" src="img/grey.gif" data-original="img/example.jpg" width="640" height="480">

然后在你的jquery函数put -

$("img.lazy").lazyload();  //this is why the binding of a class is helpful

一些很好的参考资料是here和here。如果您对Fred有一个关于lazyload（）的特定问题，请发布一些代码。

Answer 2

试试这个（水平滚动）

http://www.appelsiini.net/projects/lazyload/enabled_wide_container.html

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

- 李