 |
|
+ Main Designs + Main Menu Designs + Corner Layouts + Popup |
 |
 |
|
+ 88x31 + 200x40 + 230x60 + 400x60 + 400x80 + 400x100 |
|
 |
|
+ Video Game Sprites + Guestbook Image Maps + Guestbook Buttons + Splash Images + Seperators + Background Tiles |
|
 |
|
+ Fonts + Tutorials + Graphic F/X Tutorials + Links + Email Me + Sign The Guestbook + View The Guestbook + Cliques |
|
 |
|
|
October: Sailor Pluto
|
|
|
 |
    
|
|
Add this code between the <head></head> tags.
var NN3 = false;
image1= new Image();
image1.src = "IMAGE FILE OFF";
image1on = new Image();
image1on.src = "IMAGE FILE ON";
image2= new Image();
image2.src = "IMAGE FILE OFF";
image2on = new Image();
image2on.src = "IMAGE FILE ON";
function on3(name) {
document[name].src = eval(name + "on.src");
}
function off3(name) {
document[name].src = eval(name + ".src");
}
pNN3 = true;
function on(name) {
if (NN3) on3(name);
}
function off(name) {
if (NN3) off3(name);
}
</script>
Now put this anywhere in your page.
<a href="YOUR LINK" onmouseover="on('image1');" onmouseout="off('image1')"><img src="IMAGE FILE OFF" border="0" name="image1"></a><br>
<a href="YOUR LINK" onmouseover="on('image2');" onmouseout="off('image2')"><img src="IMAGE FILE OFF" border="0" name="image2"></a>
The first thing that needs to be done is the change the IMAGE FILE ON (in the top script) and the IMAGE OFF (in the top and bottom script). Now if you want add more images, you'll have to adjust the top script by adding this more lines.
image3= new Image();
image3.src = "IMAGE FILE OFF";
image3on = new Image();
image3on.src = "IMAGE FILE ON";
Now put this link in the body of your document to make the third image visible. <a href="YOUR LINK" onmouseover="on('image3');" onmouseout="off('image3')"><img src="IMAGE FILE OFF" border="0" name="image3"></a>
Notice how the image number went up to "image3".
To keep adding images, just keep adding numbers (image4, image5, etc.)
ALWAYS make sure the "name" tags match or it won't work.
Make sure the images are the same size or it will work badly as shown below.
 |