Creating Rollovers
Creating More Effective Rollovers
Building Three-State Rollovers
Triggering Rollovers from a Link
Making Multiple Links Change a Single Rollover
Working with Multiple Rollovers
Creating Cycling Banners
Adding Links to Cycling Banners
Building Wraparound Slideshows
Displaying a Random Image
Cycling Images with a Random Start
To use this script on your own page, click in the text area below, select all, and copy to grab the script. Then, just paste into your own page — and you're done.
See it run: Creating More Effective Rollovers
In this HTML page, there is no JavaScript, only a pointer to an external JavaScript file, which contains the actual rollover code.
This JavaScript builds better rollovers because it preloads all the images into the browser's cache. By using an external JavaScript instead of putting the rollover code in the HTML page, you don't have to have all that JavaScript in every single page.