延迟加载不显示我的图像

Question

我的内容很重要。这就是为什么我决定使用延迟加载：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文件吗？提前致谢

Answer 1

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

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

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

Answer 2

chrome调试器中的错误：

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

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

未捕获的ReferenceError：$未定义osterman.html：205