CodeBelly.com - JavaScript - Background Image-Change from Link

Golumpki Sees Life on Mars

Crop Circles Found on Moon

NASA Mars Conspiracy

FFFast.com News Feed..

CodeBelly.com
CodeBrain.NET

Home

Java Applets

Popup Maker

Top Picks

New Scripts

Java Scripts

Background Image-Change from Link

Back to JavaScript Main Index

Demo Mouse Over		Demo Mouse Click
Change - Image One		Change - Image One
Change - Image Two		Change - Image Two
Change - Image Three		Change - Image Three
Change - No Image		Change - No Image

Use this script to change the background image used in the page from a link. Shows how to attach to a regular (clicked) link, or how to activate the background image change on a mouseOver. Easy.

.
PART ONE
Installing The Script

Place this script immediately after the <BODY> tag of your page. You can add as many images as you wish; see the instructions in the script. It's best to use very small (file size, that is) images to get optimal performance.

Note that the number in brackets [ ] in the backImage[ ] array is the number you will use to call each image from the changeBGImage(whichImage) function (see Part Two below).

Click here to select the code in the window below.
Use Ctrl+C to copy it to your clipboard.

PART TWO
Setting Up The Links

There are two examples below. The first shows how to set up a link so that it will change the background image on mouseOver. The second shows how to set up a link that will change the background image when clicked.

Click here to select the code in the window below.
Use Ctrl+C to copy it to your clipboard.