[thelist] mouseover effects on an image embedded in a larger photoshop image

Duncan Hill dunkaz at gmail.com
Sat Feb 16 13:53:44 CST 2008

Nan, depending on how you are building the rest of the site, you might  
consider a CSS and (X)HTML Image map, tends toward easier accessibility  
and lower bandwidth than something like Flash.

If you do a quick Google for 'CSS Image Map', you'll turn up articles from  
'A List Apart' and 'Stu Nicholls' that will give you a great starting  


On Sat, 16 Feb 2008 19:29:37 -0000, Nan Harbison <nan at nanharbison.com>  

> Hi Evolters,
> I was handed a map of the globe in a psd file from the artist designing a
> site I am building. On mouseover, the color of the dots, which represent
> countries where this company has a presence, should change color from  
> red to
> blue or something. I know how to have the WHOLE image change color (with
> different versions of the image) on mouseover with JS, but is there a  
> way to
> do this with a portion of an image, and also, have the name of the  
> country
> at the side of the globe change to the same color? I think you should  
> also
> be able to mouseover the country name and have the dot change too.
> Should this be done with flash??
> Here is a gif of the map:
> http://www.projecthealthychildren.org/newsite/globe.htm
> TIA,
> Nan

Using Opera's revolutionary e-mail client: http://www.opera.com/mail/

More information about the thelist mailing list