lazy load js not working. followed instructions. head scratching. see link

http://www.rollinleonard.com/projects/abfs/dropceiling/index2.php

I really need Lazy Load or something si开发者_JS百科milar because this page will have 10,000 images. Is there any way to make this work? Did I miss something simple?

What's happening here is that you are calling the function in the head of the page, before any img elements exist. Try this instead - it waits until the DOM is ready before trying to apply lazyloading:

<script type="text/javascript">
    $(function(){
        $("img").lazyload({
        placeholder : "img/grey.gif",       
        effect      : "fadeIn"
        });
    });
</script>

This example comes from the docs.

To help you solve the problem get firebug, open up the firebug section, and pick the net tab. That will show you every request made to the server and response from the server. You will also want to open the "Error Console" to make sure the javascript code is actually running (no syntax error) preventing you from getting there.

However with the page you are using, ouch....

Why in the world would you WANT to do this?