View Full Version : Mouseover in imagemap links?


raindancer
04-19-2003, 03:47 PM
Is it at all possible to have mouseover text on the links in an image map? I'm convinced I managed to do this somehow, once, but now when my friend tries to, it won't work. Help?

lefty
04-19-2003, 03:51 PM
I've just searched the forum and apparently no one has found a way to do that. The only possibility would be to maybe slice up the image and have each one be a mouseover, and you could somehow arrange it so it looks like one giant image.

raindancer
04-19-2003, 04:52 PM
Hmmm. Could easily do that with a div layer ontop of the original image, with the clickable parts as gifs. But I could have sworn I managed to do it somehow... Sadly I no longer have those codes saved.

MaGiCSuN
04-19-2003, 04:57 PM
What do you mean exactly? because mouseover text can also be text in the status bar or alt-text ya know

so you want the image to change into text? then you must slice it up yeah because an image map is already kinda a layer on top of the image that has 'linkable' parts in it

raindancer
04-19-2003, 05:13 PM
Mouseover as in hovering over the clickable part of the image map, and seeing a customized text in the status bar, rather than the URL of the link.

MaGiCSuN
04-19-2003, 05:20 PM
add this to your link:

onMouseOver="window.status='TEXT HERE';return true" onMouseOut="window.status='';return true"

i'm not sure if it works, because in this thread the person said it doens't work but you can try it out :

http://www.lissaexplains.com/forum/showthread.php?threadid=27663&highlight=status+bar+text+link

NOTE:
This example works in all browsers except IE 5.x. For some inexplicable reason Microsoft left this feature out of the 5.x series.

that is what i found on this site:
http://www.sislands.com/javascript/week3/towers.htm

Love,
Mirna

Sakii
04-19-2003, 05:22 PM
You mean this doesn't work?:

<area shape="rect" coords="0,0,50,50" href="frames.shtml" onMouseOver="window.status='blahblah'; return true;" onMouseOut="window.status=defaultStatus">

MaGiCSuN
04-19-2003, 05:26 PM
if you have IE version 5.x then no it doesn't work. It doesn't work at mine either

Love,
Mirna

Suguru
04-19-2003, 05:33 PM
If you want text when you mouse over on image maps you just have to put an alt code in the codes

<area shape="rect" coords="0,0,50,50" href="frames.shtml" target="****" alt="****">

I think that's what you mean. It's how it does it on PSP7

raindancer
04-19-2003, 05:34 PM
Ahhh, that explains it, since both me and my friend are using MSIE 5. Thanks so much!

MaGiCSuN
04-19-2003, 05:38 PM
PSP7 slices the images to make an image map, while for real an image map is nothing more then an layer that goes OVER the image

so alt="title here" has no use on this kind of image maps because it isn't a graphic (the link) but an layer :)

Love,
Mirna

Suguru
04-19-2003, 05:44 PM
Well it works on the ones I have made anyways.

MaGiCSuN
04-19-2003, 05:47 PM
Originally posted by Suguru
Well it works on the ones I have made anyways.

that's what i said: you used PSP7 to make image maps, and they slice it

while image map programs (like cutemap) don't slice it, but put up an layer OVER the image and that is something different. Alt='title here' only works for images

Love,
mirna

designhazard
05-18-2003, 10:54 AM
do you mean that when your visitor hover's the imagemap, another image will swap?

Stop bringing up old threads!