jQuery：使用carouFredSel插件延迟加载

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

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

Answer 1

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

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

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

然后在你的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") }); 

– 李