CSS Codes
CSS Layouts
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

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post