jQuery:使用 carouFredSel 插件进行延迟加载

Question

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

您有什么建议或者您已经取得了类似的成就吗？好像默认是做不到的。

Answer 1

@Stefano-到目前为止你尝试过什么？ (如果可以的话，请显示一些代码)。它将帮助我们准确地了解正在发生的事情。

作为延迟加载的经验法则，请确保将占位符图像作为 html 中的 src，例如:src="img/grey.gif" 。该图像可以是任何东西 - 但大多数人使用一个 1px 的小盒子 b/c 来供服务器传输。对于绑定(bind)来说，将特定类放入 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

一些值得阅读的好引用是 here和 here 。如果您有关于 Fred 的lazyload() 的具体问题，请发布一些代码。