It's work well under IE/firefox/opera but under chrome 23.0.1271.97 i can see the first images but the next images aren't displayed. I have set when i call the lazyload : elements: '.mylazyload'

To recreate this problem, start the demo > scroll to the middle of the page > hit F5. The loader image stays and the cached images that were there before the refresh don't come up.
Maybe this issue is there in other browsers as well, but I didn't got the chance to check that.

Mootools: 1.3.2 ( http://mootools.net/core/7c56cfef9dddcf170a5d68e3fb61cfd7 )
LazyLoad: 2.1 ( http://mootools.net/forge/download/lazyload/2.1 )

Load code:

[head]

    <script language="javascript" type="text/javascript" src="mootools.js"></script>
    <script language="javascript" type="text/javascript" src="LazyLoad.js"></script>
    <script language="javascript" type="text/javascript">
        window.addEvent('domready', function() {
            var lazyloader = new LazyLoad({
                range: 200,
                realSrcAttribute: "data-src",
                useFade: true,
                elements: 'img',
                container: window
            });
        });
    </script>

[body]

<img width="100" height="100" src="blank.gif" data-src="testimage.png" />

LazyLoad wouldn't work for me with that set up (only tested in FF6 and IE9). IE9 was throwing this error:

Unable to get value of the property 'defaultView': object is null or undefined mootools.js, line 333 character 2

Which is this code in mootools.js:

var g=Element.getDocument(this).defaultView,

I'm not sure if I'm doing something wrong but after downgrading to LazyLoad 2.0 (I nabbed your code from http://davidwalsh.name/dw-content/lazyload-2.0.php) everything started working without issue.

I have used lazyload in my website. Lazyload works at google chroom , firefox mozilla and internet explorer 8 but it didn't work at internet explorer 9. How can solve this problem??

I needed the lazy loading for horizontal scrolling containers and changed your class a little bit. Now the LazyLoad-Class has the option "mode" which can be either "vertical" or "horizontal" (default is "vertical"). In "vertical"-mode the class checks the y-value of the scrolling (same behaviour as before) in "horizontal"-mode the class checks the x-value. Everything else stays the same.

The code:
http://gist.github.com/255921

Class bug

LazyLoad.js

https://github.com/darkwing/LazyLoad/blob/master/Source/LazyLoad.js

Uncaught ReferenceError: Class is not defined

If your viewport is large enough to only display one of ten images then scrolling half way will load half of them. However, if you then resize the viewport so that all can be viewed, the remaining half will never load. This is because the plugin assumes the scroll extent never changes. Of course, when the window is resized the scroll extent does change and in fact it can never reach the same position as when the window was smaller so the filter action never triggers for the remaining images.

The solution should be to consider window resizing and trigger the filter action as well as reset the largestPosition property if the scroll extent has decreased (because the window size has increased).

I want that lazyload will be loaded only on images which contain a specific class, i had tried to modifiy the code of lazyload.js to do it but it doesn't work on chrome

I want to use Sourcegraph for LazyLoad code search, browsing, and usage examples. Can an admin enable Sourcegraph for this repository? Just go to https://sourcegraph.com/github.com/darkwing/LazyLoad. (It should only take 30 seconds.)

Thank you!