Fokke Nauta wrote on 27 jan 2006 in comp.lang.javascript
:
Thanks for your quick reply.
I will give it a try, although I'm not a javascript programmer.
Initially I wanted to use a frame because I thought this in the only
way to show a picture when hovering over an image map. Obviously there
must be other ways. I have to look into <div>s and classes.
If you have a hint of how to achieve this without using a frame, you
are welcome.
Frames have nothing to do with it.
<map name="myMap">
<area shape="rect" coords="20,30,650,111" nohref
onMouseOver="toggleImage('imag1.jpg')">
<area shape="rect" coords="....
<area shape="rect" coords="....
<area shape="..." coords="....
</map>
<img src="/images/mapImage.jpg" border="0" usemap="#myMap"
onMouseOut="toggleImage('default.jpg')"
style="position:absolute;right:20px;bottom:50px;">
<imag src='default.jpg' id ='imloc'>
<script ....
function toggleImage(im){
document.getElementById('imloc').src=im
}
not tested, you will have to debug this.
--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)