Show html imagemap if Flash is blocked?
December 18, 2008 9:06 AM Subscribe
I know that a lot of people use Flash™ blockers - I want to use a clickable rollover flash map of the U.S. (that will link to individual state pages) in a site that I'm designing. Is there a way to show a regular HTML image map if the user has flash blocked? (so both users get a clickable map of some kind). Solutions in any of these: html/javascript/php will work. TIA!
I use a flashblock firefox addon and it doesn't make flash disappear so much as it grays out the flash object and puts a play button over it so I can choose whether or not I want to see it.
posted by Kimberly at 9:41 AM on December 18, 2008
posted by Kimberly at 9:41 AM on December 18, 2008
If you're going to make the HTML image map anyway, why bother with the Flash?
posted by grouse at 9:53 AM on December 18, 2008
posted by grouse at 9:53 AM on December 18, 2008
Er, you already answered your own question. Use a regular HTML image map. The rollover states can be another image(s) that gets swapped on onMouseOver.
If you don't want to use javascript, the same effect can be done with CSS hover.
posted by camworld at 10:12 AM on December 18, 2008
If you don't want to use javascript, the same effect can be done with CSS hover.
posted by camworld at 10:12 AM on December 18, 2008
CSS hover for a map of the US with state-by-state data means one hell of a big sprite image to load for a simple-looking end effect, including an image map with at least 50 different defined hotspots. In this case the Flash image would likely be easier to implement, and take less time to load.
As an alternative, if there's no Flash loading, why not go low-tech and simply bring up an alphabetical list of state names to click, or a "Select state" dropdown for those not using Flash? Both have the advantage of being easy to code, accessible to visually-impaired users and there's no reason you can't include them along with the Flash simply for those people that hate Flash to begin with.
posted by caution live frogs at 11:20 AM on December 18, 2008
As an alternative, if there's no Flash loading, why not go low-tech and simply bring up an alphabetical list of state names to click, or a "Select state" dropdown for those not using Flash? Both have the advantage of being easy to code, accessible to visually-impaired users and there's no reason you can't include them along with the Flash simply for those people that hate Flash to begin with.
posted by caution live frogs at 11:20 AM on December 18, 2008
jquery plugin maphilight should do it for you.
http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/
posted by pinto at 11:29 AM on December 18, 2008 [1 favorite]
http://davidlynch.org/blog/2008/03/maphilight-image-map-mouseover-highlighting/
posted by pinto at 11:29 AM on December 18, 2008 [1 favorite]
Don't expect that you reliable can detect if Flash is blocked or not. The plugin might be blocked, or it might load but then it can't load the .swf files.
Use a plugin like the jQuery maphilight. Map images don't need to explode in size or number.
posted by flif at 4:01 PM on December 18, 2008
Use a plugin like the jQuery maphilight. Map images don't need to explode in size or number.
posted by flif at 4:01 PM on December 18, 2008
« Older Brief Latin translation assistance | How to get an Iphone or G1 to work with my work Newer »
This thread is closed to new comments.
posted by Mayor Curley at 9:13 AM on December 18, 2008