Jump to content

mouseover with imagemap


whizzbang

Recommended Posts

Foxy Mod: The image map is of a series of thumbnails, and the goal is for the event of onmouseover to reveal a larger view of the thumbnail and onmouseout the image disappears.Devoted Member: thanks for the link. I will follow it and let you know how it goes.Thanks all

Link to comment
Share on other sites

Devoted Member: I followed the link. yes I'm familiar with this w3c entry. I can't figure out how to modify this to my ends, though. Heres my code: <!DOCTYPE html><html><head><link rel="stylesheet" href="style.css" type="text/css"><script src="mouseover_popup.js" language="JavaScript" type="text/javascript"></script></head><body style="background-color:#cccccc;"><div style="display: none; position: absolute; z-index: 110; left: 400; top: 100; width: 15; height: 15" id="preview_div"></div><div><p align="center"><img src="drawings_1024x768.jpg" border="0" width="1024" height="768" alt="drawings" usemap="#drawings"></p></div> <map name="drawings"> <area shape="rect" coords="25,12,481,34" alt="home" href="index.html" /> <area shape="rect" coords="25,50,121,62" alt="drawings" href="drawings.html" /> <area shape="rect" coords="147,50,255,62" alt="sculpture" href="sculpture.html" /> <area shape="rect" coords="282,50,375,62" alt="ceramics" href="ceramics.html" /> <area shape="rect" coords="399,50,473,62" alt="murals" href="murals.html" /> <area shape="rect" coords="497,50,562,62" alt="prints" href="prints.html" /> <area shape="rect" coords="586,50,678,62" alt="teaching" href="teaching.html" /> <area shape="rect" coords="704,50,822,62" alt="exhibitions" href="exhibitions.html" /> <area shape="rect" coords="854,50,885,62" alt="bio" href="bio.html" /> <area shape="rect" coords="915,50,1001,62" alt="contact" href="contact.html" /> </map><img src="rect" coords="37,117,117,240" onmouseover="showtrail('img014.jpg','Standing Female Nude'1012,1547)"onmouseout="hidetrail()"/></body></html> If you can give further direction I'd be most appreciative. Thanks!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...