1

I'm trying to help out a nonprofit by doing their website. They want (ugh) their logo to serve as an HTML image map. In other words, when you click on different parts of the logo, you're directed to different web pages. They also, however, want mouseover effects: when you mouseover a particular portion of the image map, that piece of the graphic should be highlighted.

If the logo was simple, I would slice it up into rectangles and attach mouseover and click events to the appropriate rectangles. With the complexity of their logo, this is not possible, however.

Has anyone done anything like this without Flash? I'm not a Flash developer but this is looking like a very difficult task in just HTML/JavaScript.

Any ideas? Thanks!

Improve this question

2 Answers 2

Reset to default
1

You need to handle the mouseover event of the <area> tag.

Improve this answer
Sign up to request clarification or add additional context in comments.

1 Comment

it actually needs to happen in the <map <map name="pricingColOneMap" class="pricingImageMap" id="soloPricingImageMap"> and then you can build the jquery mouseover... effects off of that class and id. Set an id on the image and then you can trigger it.
0

Have a look at the HTML map tag - http://www.w3schools.com/TAGS/tag_map.asp. It allows for more custom shapes.

Some resources:

Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.