Javascript newbie question

[benrob82]

Hi I want to be able to roll over a link but also display an image when the link is rolled over.

does anyone know how to do this?

thanks

 

[theniteowl]

Where will the image display?
Or are you using an image as a link and want to change the image for that link?
Or are you displaying the image in another location when the link is moused over?


It's hard to think outside the box when I'm trapped in a cubicle.

 

[benrob82]

hi,

the image will display when the user mouses over the link and will appear at the point of the mouse

 

[theniteowl]

Then you need some tooltip code in order to track the mouse position and set the coordinates for the image box to appear. That is much more complex than just displaying the image but there are plenty of existing scripts around for tooltips.
Essentially it will just position a div on the screen relative to the element you are hovering over and then make that div visible, generally with text inside it. Once you have the tooltip code working it should not be difficult to replace the text in the div with an image but you will have to get your tooltip code first.


It's hard to think outside the box when I'm trapped in a cubicle.

 

[benrob82]

thanks for pointing me in the right direction, found a great article on this

http://www.walterzorn.com/tooltip/tooltip_e.htm

cheers

 

[theniteowl]

Your welcome.
I see on that link they even include the possibility of images in the code already so you should not have to make much in the way of alterations.

It's hard to think outside the box when I'm trapped in a cubicle.