.eternal

Fader.js update – Widget.Fader version 1.1.0

As I said at the end of last week, the release of Prototype 1.6 and Scriptaculous 1.8 would result in my updating of the Fader, Blender and Activator scripts. Well, I have updated the Fader.js into what is now Widget.Fader.

There are no breaking changes in this update. It does, however, include a few previously unreleased features:

1. A dir option which allows you to set the subdirectory for all images (default null). For example, if all your images are in the images/fader folder you can set up your images array as:

   var images = [ "image1.jpg", "image2.jpg", ..., "imageN.jpg" ];

   And then instantiate the fader with:

   new Widget.Fader("imageElement", images, { dir: "images/fader" });

2. A beforeFade callback which receives 2 parameters: 1. The image; 2. A boolean indicating if the images is about to be faded in (true) or faded out (false).
3. A startIndex option which allows you to select which image to start at for, for example, starting at a random image.

Also included in the new download are minified versions of prototype.js, effects.js and fader.js called prototype-min.js, effects-min.js and fader-min.js respectively. Finally, there is a fader-all-min.js which includes all three minified scripts in a single file.

You can see the updated demo, view the documentation, or download the lot.