clickable image.

[K2`]

I want to have an image where the mouse would rollover a certain parts of it, and a caption will come up. and when you roll out, the caption will disappear.

Any ideas on how to do this? I can't use flash.

 

[ham_man]

I am not too sure, but I just had someone do it for my site last night, so I suppose you could try to haxor the code...

Here.

 

[K2`]

what i'm looking for is more of a tooltip thing.. kind of like this..

http://www.dynamicdrive.com/dynamicindex5/texttool.htm

but I want something that will display faster.

 

[kgarner]

what i'm looking for is more of a tooltip thing.. kind of like this..

http://www.dynamicdrive.com/dynamicindex5/texttool.htm

but I want something that will display faster.

If you just want the tooltip, then include a title attribute in the img tag. It will still be slow though. Another option would be something like this. I used this technique on my precisionpatent.net site.

 

[Lacero]

Looks like you'll need to use javascript with onLoad and MouseOver events to accomplish this. Not hard to do. Visit any Javascript tutorial sites to learn how to do this. It is fairly easy to do.

 

[K2`]

Looks like you'll need to use javascript with onLoad and MouseOver events to accomplish this. Not hard to do. Visit any Javascript tutorial sites to learn how to do this. It is fairly easy to do.

yea.. i tried that, it's kinda buggy, when I mouseout, the tooltip doesn't go away. I'm using an image map to do this.

 

[slooksterPSV]

yea.. i tried that, it's kinda buggy, when I mouseout, the tooltip doesn't go away. I'm using an image map to do this.

I'm just about to post something here in a second on something like this, but having fun with displaying diff images. But you could do them as div tags, as soon as you go over them, they appear, as soon as you go off, they disappear, here, download this zip file, run te1.html and see what I'm talking about. Click Start, then roll over the rest:
DREAMWEAVER IS THE BEST APP TO GET THESE THINGS WORKING AS YOU CAN PLACE THEM WHERE EVER AND STILL SEE THEM (UNLESS YOU CHOOSE TO HAVE THEM AS INVISIBLE RIGHT OFF THE BAT)

http://www.geocities.com/slookytech/te1.html -there uploaded it somewhere

 

[MontyZ]

.

 

[K2`]

This is what I use (attached JS as Text file) to create popup "hint" boxes that follows the cursor, and disappears when the mouse moves off the item. Works well for me.

excellent! exactly what i was looking for..

Thank You Thank You Thank You Thank You Thank You ...

and Thank You