LazyLoader延迟无法正常工作

时间:2013-01-23 14:25:01

标签: jquery lazy-loading

我正在使用LazyLoader插件。

<img src="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" data-original="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" width="100" height="100" alt="BMW M1 Hood" style="display: block;">

我的jQuery代码:

     $(function() {          
     $("img").lazyload({
         event : "sporty"
     });
 });
 $(window).bind("load", function() { 
     var timeout = setTimeout(function() { $("img").trigger("sporty") }, 10000);
 });      

但是Lazyloader没有在这个结构上工作。请看这个链接:

http://jsfiddle.net/97EJE/

我的问题是什么?如何解决?

2 个答案:

答案 0 :(得分:0)

我已经解决了问题。当我将min.js文件更改为主js并添加.css文件时,它可以工作!

答案 1 :(得分:0)

根据documentationsrc属性应包含占位符图片的网址(不是原始图片),data-original应包含原始图片的网址。目前,您都指向原始图像。