PDA

View Full Version : mouseover an image for a text box



zefirebird
09-07-2010, 05:27 AM
It should be simple, but I can't find one. I want to mouseover an image and have descriptive text appear - similar to alt and title, but with more options for font.
What I have tried relies on mousing over text to get a text box appear over the image.
Anyone got the solution? Please?

Zefirebird

jscheuer1
09-07-2010, 05:47 AM
Google:

javascript tooltip

And/or look in the Dynamic Drive library here:

http://www.dynamicdrive.com/dynamicindex5/index.html

FYI - Many tooltip scripts allow you to have a tip on anything, others require that it be a link. You can always link an image though.

zefirebird
09-08-2010, 12:12 AM
Thanks John for your speedy reply.

This is what I have:
navtxt


<img border="0" src="images/index-river-to-sky.jpg" width="211" height="281" hspace="4"><a href="javascript:void(0)" onmouseover="writetxt('A river reaching towards the sky represented by elemental inlays,<br> shadow lines on three sides and also negative airspace between the pair.<br> Inset curved copper denotes the headlands that shape the rivers path')" onmouseout="writetxt(0)">In which browser<br>will this run?</a>

but I can't see where linking the image fits into the html.

Is this asking too much? I have perused the tooltip scripts but can't make sense of them for what I want.

Zefirebird

jscheuer1
09-08-2010, 01:09 AM
Assuming your mouse over/out events work as one might expect:


<a href="javascript:void(0)" onclick="return false;" onmouseover="writetxt('A river reaching towards the sky represented by elemental inlays,<br> shadow lines on three sides and also negative airspace between the pair.<br> Inset curved copper denotes the headlands that shape the rivers path')" onmouseout="writetxt(0)"><img border="0" src="images/index-river-to-sky.jpg" style="width: 211px; height: 281px; border: none;" alt=""></a>In which browser<br>will this run?

zefirebird
09-10-2010, 10:13 PM
Do you get many Dear John Letters?
This is one.

Dear John,
that was excellent and did the trick, thanks so much for your expertise.

Zefirebird
http://www.dynamicdrive.com/forums/images/smilies/smile.gif