我正在尝试对使用以下命令创建的轮播内的图像实现延迟加载卡鲁·弗莱德·塞尔 http://caroufredsel.dev7studios.comjQuery 插件。
您有什么建议或者您已经取得了类似的成就吗?默认情况下好像做不到。
@Stefano-到目前为止你尝试过什么? (如果可以的话,请显示一些代码)。它将帮助我们准确地了解正在发生的事情。
作为延迟加载的经验法则,请确保将占位符图像作为 html 中的 src,如下所示: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
一些值得阅读的好参考是here http://speckyboy.com/2012/10/18/how-to-create-lazy-loading-images-for-your-website/ and here http://www.appelsiini.net/projects/lazyload。如果您有关于 Fred 的lazyload() 的具体问题,请发布一些代码。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)