PDA

View Full Version : image w/description tooltip... help!!!



bellbell
06-04-2007, 08:43 PM
1) Script Title: image w/description tooltip

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm

3) Describe problem:
I've looked at all postings regarding this script not working but I still can't get it to work!! Nothing happens on mouseover.

Please see the page here: http://www.inkbytedesign.com/LID/press.html

Thanks in advance.:eek:

Veronica
06-05-2007, 04:27 AM
I changed a few things and got it to work.

First, move the script for the tooltip to the END of your file, just before the </html> With the way you have the tooltip div set up, the script has to come AFTER it.

Then, you need to change each link in your your html code to this format:


<td valign="top"><div align="right"><a href="#" onMouseOver="doTooltip(event,0)" onMouseOut="hideTip()"><img src="http://www.inkbytedesign.com/LID/images/press/picture-001.jpg" width="102" height="126" border="0" /></a></div></td>


Right now, you have it like this


<td valign="top"><div align="right"><a href="#" onMouseOver="doTooltip(event, messages[0] )" onMouseOut="hideTip()"><img src="images/press/picture-001.jpg" width="102" height="126" border="0" /></a></div></td>


Finally, in your javascript, you need to add the rest of the content that the script calls for (otherwise, you'll get an undefined). You can change the copy and the background color.



messages[0] = new Array('http://www.inkbytedesign.com/LID/images/press/picture-001.jpg','Here is a duck on a light blue background.',"#DDECFF");

You would do that for each picture.

bellbell
06-05-2007, 04:20 PM
Thanks for your help. I had already decided to use a different DD script. I like how it looks better. But thanks anyway.