lazierLoad is Bramus! his take at writing a delayed javascript image loader for use with PrototypeJS

lazierLoad automatically hooks itself to the page, finds all images and only loads those appearing "above the fold" resulting in faster page loads. The images not located in the viewport, are not loaded until they appear within it (viz. when the user scrolls down).

The idea for lazierLoad was inspired upon Lazy Load (which is built for use with jQuery), yet the code differs quite a lot.

 you want different options on different pages, then set lazierLoadAutoHook to false and manually create a new JS_BRAMUS.lazierLoad instance yourself. Within that manual instantiation you can pass in specific parameters. If set, these parameters will override the default parameters set in the lazierLoadDefaultOptions Object.

View Demo

Download Source Code

Leave your comments