lazierLoad is a little JavaScript wichh 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.

The most important (and only) change is that version 0.4 brings back the option to override the default settings from within the constructor. This behavior was available in 0.2 (but kinda undocumented), but dropped in 0.3 (in a lesser bright moment of me pondering). Upon request by mo from pictor.us, the option has been brought back.

To easily implement this, a lazierLoadAutoHook parameter got introduced. If set to true, JS_BRAMUS.lazierLoad will automagically start itself. When set to false one must manually invoke a new instantiation of JS_BRAMUS.lazierLoad.

Since version 0.3, the possible options to tweak are:

• treshold: images which appear treshold pixels from the bottom will be loaded
  (defaults to “100”)
• replaceImage: image to replace the non-loaded images with until they are loaded (most likely a transparent 1 by 1 pixel image)
  (defaults to “blank.gif”)
• loadingImage: image to show while a non-loaded image is being loaded
  (defaults to “spinner.gif”)
• extensions: array of extensions to lazyLoad
  (defaults to “['gif','jpg','png','jpg']”)
• minWidth: minimum width an image must have in order to be lazyLoaded
  (defaults to “100”)
• minHeight: minimum height an image must have in order to be lazyLoaded
  (defaults to “100”)

These default options can now be easily overriden from within the constructor.

TIP: scroll down really really fast

Right here:

http://www.bram.us/wordpress;/wp-content/uploads/2008/02/lazierload_04.zip;Download lazierLoad 0.4;

Don’t worry my friend, there’s a full page here on bram.us devoted to lazierLoad where you can find all info about it.

lazierLoad is a little JavaScript wichh 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.

The most important change is that version 0.3 introduces compatibility with Prototype 1.6 final or higher, something 0.2 was not capable of due to a rather huge change in how events are named between rc1 and the final.

Next to this compatibility issue, lazierLoad now holds a global config Object named lazyLoadOptions. This variable can easily be altered to reflect the options you want to use it with. In version 0.3 some new options were introduced: minWidth, minHeight and extensions.

In version 0.3, the possible options to tweak are:

• treshold: images which appear treshold pixels from the bottom will be loaded
  (defaults to “100”)
• replaceImage: image to replace the non-loaded images with until they are loaded (most likely a transparent 1 by 1 pixel image)
  (defaults to “blank.gif”)
• loadingImage: image to show while a non-loaded image is being loaded
  (defaults to “spinner.gif”)
• extensions: array of extensions to lazyLoad
  (defaults to “['gif','jpg','png','jpg']”)
• minWidth: minimum width an image must have in order to be lazyLoaded
  (defaults to “100”)
• minHeight: minimum height an image must have in order to be lazyLoaded
  (defaults to “100”)

TIP: scroll down really really fast

Right here:

http://www.bram.us/wordpress;/wp-content/uploads/2008/02/lazierload_03.zip;Download lazierLoad 0.3;

Don’t worry my friend, there’s a full page here on bram.us devoted to lazierLoad where you can find all info about it.

jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App. Version 0.1 was a mere rewrite to PrototypeJS of the version by WebAppers whilst version 0.2 was a full structural rewrite. Version 0.3 builds upon 0.2 by making it all more robust.

In version 0.3 an internal animation queuing system was introduced to jsProgressBarHandler, preventing the progressbar from freaking out when multiple simultaneous (viz. on the very same moment) calls to setPercentage() were made. With that queue jsProgressBarHandler will push all percentages on that queue, and process them one by one. Version 0.3.1 is maintenance release to fix an issue with this queue when no animation was used (the bug being that the queue wasn’t cleared properly). Credits go to Jamie Chong for spotting this one!

Nopes, except for the fact that the jsProgressBarHandler release now sports Prototype 1.6.0.2

TIP: At the multicolor bar at the bottom, click that -icon a few times to see the internal queue in effect

Please note that next to the demo above even an AJAX demo exists!

Right here:

http://www.bram.us/wordpress;/wp-content/uploads/2008/02/jsprogressbarhandler_031.zip;Download jsProgressBarHandler 0.3.1;

WARNING! This version is outdated!
Grab the latest version over at the jsProgressBarHandler Project Page

Don’t worry my friend, there’s a full page here on bram.us devoted to jsProgressBarHandler where you can find all info about it.

jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App. Version 0.1 was a mere rewrite to PrototypeJS of the version by WebAppers whilst version 0.2 was a full structural rewrite. Version 0.3 builds upon 0.2 by making it all more robust.

Internally jsProgressBarHandler now uses a queue on which it stacks the percentages to move to. This prevents the progressbar from freaking out when multiple simultaneous (viz. on the very same moment) calls to setPercentage() are made. jsProgressBarHandler will push all percentages on that queue, and process them one by one.

Yes! jsProgressBarHandler user Chris brought to my attention that the multiple barImages option did not work properly in Safari. Reason was that Safari handles the object.constructor (which jsProgressBarHandler uses to determine if a parameter is an Array or not) differently than other browsers. (FYI: A working version of isArray() has been posted on bram.us by now )

TIP: At the multicolor bar at the bottom, click that -icon a few times to see the internal queue in effect

Please note that next to the demo above even an AJAX demo exists!

Right here:

http://www.bram.us/wordpress;/wp-content/uploads/2008/02/jsprogressbarhandler_030.zip;Download jsProgressBarHandler 0.3.0;

WARNING! This version is outdated!
Grab the latest version over at the jsProgressBarHandler Project Page

Don’t worry my friend, there’s a full page here on bram.us devoted to jsProgressBarHandler where you can find all info about it.

jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App. Next to a structural rewrite of the WebAppers code, this javascript progress bar can easily be extended and tweaked just by setting a few parameters.

This version extends upon the changes made in version 0.2. As the need for setting the background-images (viz. the barimages) to use was there, this has moved from the (previously mandatory) CSS file into the jsProgressBarHandler core by setting the barImage option to a path to an image. Now, I’ve taken this a step further and made it possible to define an array of images, enabling you to create multi-colored bars.

Multi-colored progressbars are quite simple: if you define 3 images in your array, the first 33% will show the first image, the second 33% (ranging from 34% up to 66%) will show the second image and the last 33% (67% up to 100%) will show the third (and last image). One can define as many images as he wants, jsProgressBarHandler will adjust itself.

The other addition that made it into this release is the ability to hide the text with the percentage (which appears next to the progressbar) by manipulating the showText option. Tiny change indeed, yet upon request.

Note that next to the demo above isn’t the only one … even an AJAX demo exists!

Right here:

http://www.bram.us/wordpress;/wp-content/uploads/2007/12/jsprogressbarhandler_021.zip;Download jsProgressBarHandler 0.2.1;

WARNING! This version is outdated!
Grab the latest version over at the jsProgressBarHandler Project Page

Don’t worry my friend, there’s a full page here on bram.us devoted to jsProgressBarHandler where you can find all info about it.

jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App. Version 0.1 was a mere rewrite to PrototypeJS of the version by WebAppers whilst version 0.2 is a full structural rewrite.

Internally jsProgressBarHandler now consists of 2 classes: a jsProgressBar-class which is a class defining a progress bar and a jsProgressBarHandler-class which scans your HTML page for span elements with the progressBar-className and automagically creates progressbars of them. The sepration into two classes enables you, the user, to manually creating new jsProgressBar instances (viz. progress bars) on the fly! The automatic creation of progress bars can even totally be disabled with the ease of setting a simple parameter named autoHook to false.

Yes! It even now is possible to set some options when creating progress bars (note that when using autoHook all the progressbars will use the same default options). The options one can set are width, height and animate. The first two make the creation of bigger and/or smaller progress bars even more easy than before. The animate option enables/disables the use of animation (viz. should a change in percentage slide to the new percentage or directly be applied?)

Note that next to the demo above isn’t the only one … even an AJAX demo exists!

Right here:

http://www.bram.us/wordpress;/wp-content/uploads/2007/12/jsprogressbarhandler_02.zip;Download jsProgressBarHandler 0.2;

WARNING! This version is outdated!
Grab the latest version over at the jsProgressBarHandler Project Page

Don’t worry my friend, there’s a full page here on bram.us devoted to jsProgressBarHandler where you can find all info about it.