Really hoping for some help!
I’m trying to create an image map of different British regions, and have made all of the graphics necessary.
I want the different regions to be clickable…. this bit isn’t too tricky.
However, what I really really want, is for a mouseover (rollover / hover) feature, so when you have the mouse over a given region on the national map, it pulls another image which shows that region highlighted in a different colour.
I have made identically sized overlays (in photoshop) for each individual reagion showing them in a highlighted colour, but struggling to complete the desired mouseover to link through effect.
Lets say my base image is called ‘http://www.example.com/UKmap.png’ and on mouseover of Scotland I want ‘http://www.example.com/scotland.png’ to appear.
I Tried this in my HTML window and it didn’t work….. any ideas?
<map id="imgmap201210593326" name="imgmap201210593326"> <area title="Scotland" shape="poly" coords="107,125,116,68,124,67,124,60,114,37,128,36,155, 33,155,77,207,92,206,115,174,174,155,231,97,212,99,211, 115,150,103,139" href="www.example.com/scotland-classifieds" alt="Scotland" target="_blank" OnMouseOver="http://www.example.com/scotland.png" OnMouseOut= "http://www.example.com/UKmap.png"/></map>
Where have i gone wrong?
- The topic ‘Image Mapping with Mouseover / Rollover’ is closed to new replies.