懒加载不显示我的图像

我有沉重的内容图像。这就是为什么我决定使用延迟加载：http://www.appelsiini.net/projects/lazyload 懒加载不显示我的图像

我的页面是这个：http://www.mysecretathens.gr/kulte_test/osterman.html

我跟所有的都需要，但不明白为什么，我想第一个图像测试延迟加载功能不要说明显示

在我的头部分是这样的：

<script src="jquery.js" type="text/javascript"></script> 
<script src="lazyload.js" type="text/javascript"></script>

图像：

<img class="lazy" src="grey.gif" data-original="osterman/ost21.jpg" width="900" height="602" >

和JS代码

<script type="text/javascript"> 

$("img.lazy").lazyload(); 

</script>

为什么只有grey.gif显示出来，而不是实际的图像？有任何想法吗？我有错误的jquery文件吗？在此先感谢

来源

2013-04-02 a.litis

您使用的是哪种浏览器？ –

@PhilipBevan Chrome，为什么？ –

铬调试器显示错误：未捕获语法错误：意外的标识符的jquery.js：9598 未捕获的SyntaxError：意外的标识lazyload.js：228 未捕获的ReferenceError：$没有定义osterman.html：205 这表明你的实现是不正确的。试着再次下载文件。尝试使用//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js作为您的jquery src –

误差在铬调试器：

未捕获的SyntaxError：意外的标识符的jquery.js：9598

未捕获的SyntaxError：意外标识符lazyload.js：228

未捕获的ReferenceError：未定义$奥斯特曼。 html：205

来源

2013-04-02 21:13:25

您的JS确实似乎抛出一个错误。在您jquery.js文件的底部似乎是无效的代码：

... 
})(window); 
Window size: x 
Viewport size: x

最后两行导致错误并阻止任何进一步的JS执行。

来源

2013-04-02 21:00:06 Steve

懒加载不显示我的图像

回答

相关问题