Jump to content

World Map Interactivity Problem


Recommended Posts

Ok, so basically I have two images of a world map. One is in colour, the other is grey scale. Basically what I'm looking to do is display the grey scale map, then when the user mouses over a continent, I want that continent alone to switch to the coloured version. I have split the two images and thus have individual images of the continents in colour and not in colour.

I'm just stuck on how:

1.) Display the world map. Do I display the full grey scale image? Or do I construct the world map from the grey scale images?

2.) If I display the world map, how do I detect what continent to display, and how do I display it in the correct place?

3.) How do I make sure that either approach will work for different screen widths?

Its more of a CSS issue I believe, changing between the two images isn't too difficult, I know how to do that, its more how I set it up.

Any help is much appreciated.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...