延迟加载不显示我的图像

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

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

我按照所有必需的说明，但不明白为什么我想测试延迟加载function的第一个图像不显示

在我的头部分是这样的：

图像：

和JS代码

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

为什么只出现https://stackoverflow.com/questions/15774116/lazy-loading-doesnt-display-my-images/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执行。