延迟加载不显示我的图像

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

chrome调试器中的错误：

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

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

未捕获ReferenceError:未定义$ osterman.html:205

Answer 2

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

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

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