Mouse Over

[ubunreal69]

i am wondering how to make it so when the users mouse is hovering over certain text an image will switch to one relevant to the text your mouse is over. i know its probably easy but can anyone please tell me how to do it ? :)

[scoutt]

if you can wait until I get off work, about an hour form now, I have some code at home that will do that. unless somebody else can answer

[ubunreal69]

k, i'll try and stay online as long as possible :)

[scoutt]

sorry it took so long but you should beable to change a couple of things to do what you want. if not i can help.

<SCRIPT LANGUAGE = "JavaScript">

// Javascript Animation
// Script Genereated by Eyeball Animation code generator
// http://www.eyeball-design.com (freebie section)

<!-- hide

browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
browser = "NotOk";

// Detect if Netscape or MSIE version is ok

if (browserName == "Netscape" && browserVer >= 3) { browser = "ok"}
if (browserName == "Microsoft Internet Explorer" && browserVer == 4) { browser =
"ok"}

// Initialize your images

if (browser == "ok") {

Link1= new Image(); Link1.src = "images/dclosed.gif";
Link1on = new Image(); Link1on.src = "images/dopen.gif";
Link2= new Image(); Link2.src = "images/dclosed.gif";
Link2on = new Image(); Link2on.src = "images/dopen.gif";
Link3= new Image(); Link3.src = "images/dclosed.gif";
Link3on = new Image(); Link3on.src = "images/dopen.gif";
Link4= new Image(); Link4.src = "images/dclosed.gif";
Link4on = new Image(); Link4on.src = "images/dopen.gif";

}

function swap(imgName,select)

{ if (browser == "ok") {imgOn = eval(select+ ".src");
document.images[imgName].src = imgOn; }}

// --> </SCRIPT >

and this is what triggers it

<table border=0 align=center>
<tr>
<TD valign=left>
<!-- Code for Link : gift three.jpg -->
<a href="gift.html"
onmouseover="swap('imgLink3','Link3on')"
onmouseout="swap('imgLink3','Link3')">
<img name ="imgLink3"
src= "images/dclosed.gif" border = 0 alt = "dopen.gif"></a>
</TD>
<TD valign=left>
<!-- Code for Link : gift four -->
<a href="gift.html"
onmouseover="swap('imgLink4','Link4on')"
onmouseout="swap('imgLink4','Link4')">
<img name ="imgLink4"
src= "images/dclosed.gif" border = 0 alt = "dopen.gif"></a>
</TD>
<TD valign=left>
<!-- Code for Link : gift one -->
<a href="gift.html"
onmouseover="swap('imgLink1','Link1on')"
onmouseout="swap('imgLink1','Link1')">
<img name ="imgLink1"
src= "images/dclosed.gif" border = 0 alt = "dopen.gif"></a>
</TD>
<TD valign=left>
<!-- Code for Link : gift two -->
<a href="gift.html"
onmouseover="swap('imgLink2','Link2on')"
onmouseout="swap('imgLink2','Link2')">
<img name ="imgLink2"
src= "images/dclosed.gif" border = 0 alt = "dopen.gif"></a>
</TD>

</tr>
</table>

if not I have a script that uses a dropdown box and changes images when clicked