Question

How can be done – hompeage which is a room picture, but with interactive parts, for example if you click on the picture on the wall a gallery is opened, or if you click on the TV some video is played and so on…I’m not using flash at all, but maybet it’s an option, still I search for any other way to do this, I’m not even sure what exacctly should be used here, is there a way to make this using an image file or maybe some Canvas, SVG…I don’t know.Any suggestions?
Ty

Leron

Answer 1

Simplest way to achieve this is using an image map:

http://en.wikipedia.org/wiki/Image_map

Code from the article:

<img src="image.png" alt="alternative text" usemap="#mapname" />
<map name="mapname">
    <area shape="rect" coords="9,372,66,397" href="http://en.wikipedia.org/" />
</map>

You plot out the areas of the picture with co-ordinates (the door, the tv) and those become clickable.

You could then use JavaScript to display the gallery or video over the parts of the image.