View Full Version : Image onMouseover Effects

05-10-2005, 04:34 PM
Image onMouseover Effects (http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm)

I wanted to add this to my website but I can not seem to get/figure out how to make my images work with the scroll over. I can not figure out where to link up the images.

The script works mind you. But it still tries to load up the original images from the script. I just dont understand where to put my images for this in the coding.

My example (http://www.myrrin.com/selannii/tailoring.html)

Any help would be very much appreciated. Thank you for your time.

05-10-2005, 07:20 PM
Here is where your filenames and info for your rollovers go:

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing:
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('rb.JPG','Here is a red balloon on a white background',"#FFFFFF");
messages[1] = new Array('duck2.gif','Here is a duck on a light blue background.',"#DDECFF");
messages[2] = new Array('test.gif','Test description','black','white');I've put the filenames in red, the descriptions in green, the background color in blue and the foreground color in sienna (brown). It looks like you already had that down though, when you made the entry for test.gif. For that to work:


must exist and currently it does not.

Also, for:

<a href="#" onmouseover="doTooltip(event,3)" onmouseout="hideTip()">Black Silk Pack</a><br>to work, you need to add a:


entry with the appropriate image description etc.

05-11-2005, 12:53 PM
The problem is my gifs, or jpg's are not showing up at all.

05-11-2005, 12:55 PM
Nevermind. I just figured it out. Thanks.