Lazy Loading doesnt display my images

Question

I have heavy content images. Thats why I decided to use lazy load: http://www.appelsiini.net/projects/lazyload

I followed all the instructions that are required but dont understand why the first images that I wanted to test the lazy load function dont display

In my head section is this:

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

the images:

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

and JS code

  <script type="text/javascript">

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

</script>

Why is only the grey.gif showing up and not the actual image? Any ideas? Do I have the wrong jquery files? Thanks in advance

chrome debugger shows errors: Uncaught SyntaxError: Unexpected identifier jquery.js:9598 Uncaught SyntaxError: Unexpected identifier lazyload.js:228 Uncaught ReferenceError: $ is not defined osterman.html:205 which suggests your implementation is incorrect. Try looking at downloading the files again. Try using //ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js as your jquery src — Philip Bevan
– Philip Bevan, Commented Apr 2, 2013 at 21:12
and try using cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.8.4/… as your lazyload src. Once this is done download these two files, if working and use these. — Philip Bevan
– Philip Bevan, Commented Apr 2, 2013 at 21:19
can you mark my answer as correct. i will edit in full tomorrow — Philip Bevan
– Philip Bevan, Commented Apr 2, 2013 at 22:34

Steve · Accepted Answer · 2013-04-02 21:00:06Z

1

Your JS does seem to throw an error. On the bottom of your jquery.js file seems to be invalid code:

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

The last two lines cause the error and prevent any further JS execution.

answered Apr 2, 2013 at 21:00

Steve

8,6487 gold badges42 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Philip Bevan · Accepted Answer · 2013-04-02 21:13:25Z

0

Errors in chrome debugger:

Uncaught SyntaxError: Unexpected identifier jquery.js:9598

Uncaught SyntaxError: Unexpected identifier lazyload.js:228

Uncaught ReferenceError: $ is not defined osterman.html:205

answered Apr 2, 2013 at 21:13

Philip Bevan

3452 silver badges12 bronze badges