« | Home | »

My Lazy Load – Delayed Javascript Image Loader

I hereby load upon thee JS_BRAMUS.lazierLoad, a Javascript Image Lazy Loader for use the latest PrototypeJS beta release (1.6.0_r0) (which holds a brand spanking new document.viewport Object which “lets you calculate the dimensions and position of the browser’s viewport”).

lazierLoad automatically hooks itself to the page, finds all images and only loads those appearing “above the fold” resulting in faster page loads as 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.

About this entry

Date Published
Published:
Sep 11 2007 / 1:20 pm
Categories
Categories:
Another Dailie, Bramus!, JS_BRAMUS, Javascript, Webdevelopment
Comments
Comments:
1 Comment
Jump to comment form

Best of Bram.us

My iSmudginator 0.2
My iSmudginator 0.2
Start getting used to scratching and smudging the iPhone with this Flash based iPhone Simulator
The Box Office
The Box Office
Automatically wrap/float/contour text around freeform images using CSS for usage in (X)HTML pages.
My Foxification (Pimp Your Firefox to be a web all-star)
My Foxification
Pimp Your Firefox to be a web all-star
The PHP Willow Tree
The PHP Willow Tree
A look at the inc.common.php, spreading handy functions.
My Photoshop Scripting
My Photoshop Scripting
Photoshop Script inspired in the Chlomoscript to unobtrusively pimp photos you have taken.
My TinyMCE File Management
Methods to adding file management options to TinyMCE (Part 1), Extending TinyFCK (Part 2) and PHP file uploads overview (Spinoff 1).