New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

IE5+ Opr7+

Live Background Previewer Script

Author: Dynamic Drive

Description: A live background previewer that allows surfers to instantly see how a background image will look like in a document. Click on any of the thumbnail images, and that particular image temporarily becomes the background image for the page. Click anywhere else to restore the document to its original appearance. If you have a graphics site, your surfers will thank you for this added feature!

Demo: Click on any of the images:



Directions Developer's View

Step 1: Insert the following into the <body> section of your page:

Select All

Step 2: Finally, wrap the section of your page containing the thumbnails with the below code:

Select All