Announcement

**Willy Duitt** · Feb 28, 2004, 03:58 PM

Use the title attribute in your img tags.

.....Willy

**Basscyst** · Feb 29, 2004, 01:54 AM

Somthing like this?

Code:

<html>
<head>
<script type="text\javascript">

function imageInfo(info)
{
	infoSpot.innerHTML=info;
}

</script>
</head>
<body>
<img src="image0" onmouseover="imageInfo('Descripton for Image 0');" onmouseout="infoSpot.innerHTML='';">
<img src="image1" onmouseover="imageInfo('Descripton for Image 1');" onmouseout="infoSpot.innerHTML='';">
<img src="image2" onmouseover="imageInfo('Descripton for Image 2');" onmouseout="infoSpot.innerHTML='';">
<img src="image3" onmouseover="imageInfo('Descripton for Image 3');" onmouseout="infoSpot.innerHTML='';">
<img src="image4" onmouseover="imageInfo('Descripton for Image 4');" onmouseout="infoSpot.innerHTML='';">
<div id="infoSpot">
</div>
</body>
</html>

Basscyst

**masten** · Mar 6, 2004, 11:06 AM

basscyst,

I figured it out by msyelf in the end though using some pre-built behaviours, though I did manage to modify it to work better using your code ...

so thanks for the help

Masten

**SeaDragon** · Jun 13, 2004, 07:33 PM

Hi everyone,

Sorry to revive an old thread, but I just used this script (by Basscyst) on my site and it works great in internet explorer 6.0, but doesn't seem to show up (the text upon mousing over the images) in Netscape 7.1.

Does Netscape require some different sort of declaration of the script type?

https://www.deepdarksea.com

Thanks again for any help!

**glenngv** · Jun 14, 2004, 12:45 AM

The reference to the infoSpot div is incorrect which IE tolerates.

Change the reference to

document.getElementByid("infoSpot")

The onmouseout can also be modified to

<img src="image0" onmouseover="imageInfo('Descripton for Image 0');" onmouseout="imageinfo('');">

**Basscyst** · Jun 14, 2004, 03:56 PM

Thanks Glenngv,

Without checking I'm willing to bet that's why a number of my scripts don't work in other browsers. At work I only have to code for IE so I guess I've picked up some bad habits.

Thanks,

Basscyst

**SeaDragon** · Jun 15, 2004, 05:44 PM

Hrrm.. I'm still having a problem getting it to work properly for some reason.

<font size=-1><a href="http://www.deepdarksea.com/snesintroduction.htm"><img BORDER="0" target="C"; ONCLICK='parent.B.location="snesleft.htm"'; src="http://www.deepdarksea.com/controllerpage.gif" onmouseover="imageInfo('Use genuine Nintendo or Super Nintendo controllers on your PC! Click the picture to visit the SNES adapter page, where you can purchase an adapter or get more information.');" onmouseout="infoSpot.innerHTML='';"></a></font>

Would I replace imageinfo('blah blah blah') with
document.getElementByid("infoSpot")('blah blah blah')

Sorry to be a little dense with this - I'm still quite new to javascript stuff. Can you post an example of the corrected code?

**glenngv** · Jun 15, 2004, 11:42 PM

Just change

onmouseout="infoSpot.innerHTML='';"

to

onmouseout="imageInfo('');"

Announcement

make text appear when mouseover hotspot

make text appear when mouseover hotspot

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment