Web Rhino
07-01-2004, 04:59 AM
Hi WHTers;
I Have an image which contains several products, what i want to do is create an image map on each product, and a detailed description of this product is shown on rollover, what i mean by detailed description is a table with product dimensions, so mainly i need to create a table inside the description window, so is there any code out there that does this?
any help will be appreciated.
Emligy
07-01-2004, 07:00 AM
try with "alt=" in image tag
the_pm
07-01-2004, 01:29 PM
try with "alt=" in image tag
Actually, this is not the correct use of the alt attribute. In fact, it will only work in IE, and only because IE got this one wrong (and will likely correct itself in future versions). The alt attribute is meant to provide suitable replacement text in the event a picture does not load. The title attribute is meant to display a tooltip with information that complements the loaded image. So you want to include title="more info here" in your <img> tag to create this effect.
Charlottezweb
07-01-2004, 02:25 PM
Sounds to me that you need a disjointed rollover, or more ideally, a setup using div's to allow for a more coded/efficient approach.
-Jason
Web Rhino
07-01-2004, 07:13 PM
Originally posted by Charlottezweb
Sounds to me that you need a disjointed rollover, or more ideally, a setup using div's to allow for a more coded/efficient approach.
-Jason
Thanks Jason,
i think this is what i'm looking for, any ideas or links to any example?
the_pm
07-01-2004, 07:34 PM
Well, you create a bunch of absolutely positioned divs hanging out in the same space (z-index helps here). Set them all to display:none. Then use JavaScript/DOM to make them appear and disappear.
<a href="somewhere1.html" onmouseover="document.getElementById('div1').style.display='block'" onmouseout="document.getElementById('div1').style.display='none'">Roll over me</a>
<a href="somewhere2.html" onmouseover="document.getElementById('div2').style.display='block'" onmouseout="document.getElementById('div2').style.display='none'">Roll over me</a>
etc.
Of course, you won't get the effect with JavaScript disabled, so make sure the content is not vital to understanding how your site works!
HTH!
Paul H
Charlottezweb
07-01-2004, 08:00 PM
Yeah, basically what he said :)
Read up at this link...they have some REALLY cool stuff that will probably help you:
http://www.dyn-web.com/dhtml/write-lyrs/
-Jason
Web Rhino
07-02-2004, 05:28 AM
Thanks people,
i'm going to check this out :agree:
Web Rhino
07-02-2004, 07:17 AM
here's a code i found too, might help http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm