whizzbang Posted September 25, 2012 Share Posted September 25, 2012 I want to use a mouseover script with an imagemap. How do I do that?Thanks. Link to comment Share on other sites More sharing options...
niche Posted September 25, 2012 Share Posted September 25, 2012 (edited) w3shools has a tutorial on that.http://www.w3schools.com/tags/att_img_usemap.asp Edited September 25, 2012 by niche Link to comment Share on other sites More sharing options...
Ingolme Posted September 25, 2012 Share Posted September 25, 2012 What does the mouseover do? You can run a Javascript function by adding event listeners to the <area> elements. Link to comment Share on other sites More sharing options...
whizzbang Posted September 26, 2012 Author Share Posted September 26, 2012 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 More sharing options...
whizzbang Posted September 26, 2012 Author Share Posted September 26, 2012 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now