jquery - 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函数中放-

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

这里和这里有一些很好的阅读参考资料。如果您对 Fred 的lazyload() 有特定问题，请发布一些代码。

Answer 2

试试这个（水平滚动）

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

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

——李