How best to code a client-side image map with rollovers?
-
What's the best way to do a client-side image map w/added rollover goodness? I want to add a clickable world map to my blog. The map is divvied up into 12 regions (North America, South America, etc.) which I want to each light up when rolled over. I've got the map w/rollovers done in Photoshop; what's the best way to implement this on my website? Some sort of HTML/CSS magic?
-
Answer:
My mistake; that was the example, not the article. The article is located http://www.alistapart.com/articles/imagemap/.
docgonzo at Ask.Metafilter.Com Visit the source
Other answers
Not magic, just absolutely positioned display:block links! More information at this http://www.alistapart.com/d/imagemap/example2.html.
charmston
Charmston, that's a clever way of doing it. Much cleaner than the old way of stiching the images together in a table. :-p
arrhn
Not only is it more clever, but it is also standards-compliant, completely accessible (in devices such as screen-readers used by deaf people, cell-phone browsers, and even old versions of modern browsers), and it handles the rollovers without the use of any scripting language such as javascript!
charmston
Related Q & A:
- How cookies are handled if you use a proxy between a client and server in HTTP?Best solution by Stack Overflow
- How do you make a tile map?Best solution by Stack Overflow
- How can I get the remote server's date and time at the client side in my application in c#?Best solution by Stack Overflow
- How do I add a custom background image to my Tumblr?Best solution by Yahoo! Answers
- How do you make a moving gif image?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.