Widget.Fader makes use of the excellent Prototype and Scriptaculous libraries. With the release of Prototype 1.6 and Scriptaculous 1.8 the script was updated and put in the Widget namespace.

I’ve updated the script license:

Widget.Fader is licensed under the Creative Commons Attribution 2.5 South Africa License.

Under this license you are free to:

* to copy, distribute and transmit the work
* to adapt the work
Usage:

<script src='js/prototype.js'></script>
<script src='js/effects.js'></script>
<script src='js/fader.js'></script>

Or use the minified single script version if you only plan to use Widget.Fader:

 <script src='js/fader-all-min.js'></script>  

All the demos use the following images array:

var images = [
	"images/fader/beach.jpg",
	"images/fader/play.jpg",
	"images/fader/bone.jpg",
	"images/fader/snow.jpg",
	"images/fader/sunrise.jpg"
];

And the Faders are instantiated in the window.onload event using (for example):

 Event.observe(window, "load", function() {
     new Widget.Fader("defaultDemo", images);
 }); 

Demo: http://www.eternal.co.za/scripts/fader/index.html
Download: http://www.eternal.co.za/scripts/fader.zip
Source: http://www.eternal.co.za/scripts/fader/index.html

Related Listings:

1. Drag to download with Ajax I was recently directed to a link for a new...
2. The Starry Widget The Starry Widget is a simple class that will enable...
3. Scriptaculous Effect Script Script.aculo.us is a set of JavaScript libraries to enhance the...
4. AJAX Star Rating Bar This is a rating bar script done with PHP and...
5. Tag Cloud Widget Ajax Script A Tag Cloud (or weighted list in visual design) is...

Do you like this post?

Email: