[html5] Help Digest, Vol 61, Issue 7

Ian Hickson ian at hixie.ch
Thu Nov 29 16:24:36 PST 2012

On Wed, 24 Oct 2012, HORVÁTH-MILITICSI Attila wrote:
> I would like to have an answer to a problem that eats me starting from 1999.
> THen I was in Budapest on an informatics seminary and there we where presented
> to the (then) new E-Mac. The trick was that we had seen a photo of some farm
> with a tree, a bird on the tree, and a cow nearby. When you clicked on the
> tree you heard the wind, when you clicked on the bird you heard : MOOOO and
> when on the cow you heard the bird. This was good enough for a joke, but the
> principle could be used with an image of a car, with some 30 parts:  by
> clicking on number 21 one would see "windwasher" or by clicking on the
> expression "windwasher"  to see clicketing the number 21 on the photo. But I
> don't had any success with this page mapping. Could you help me, please ?

This should be relatively easy to do now. You can use an image map to 
describe the image, with <area> elements triggering <audio> cues onclick, 
for the first example. For the second, where the image has to be animated 
somewhat, you probably want something similar in SVG.

Ian Hickson               U+1047E                )\._.,--....,'``.    fL
http://ln.hixie.ch/       U+263A                /,   _.. \   _\  ;`._ ,.
Things that are impossible just take longer.   `._.-(,_..'--(,_..'`-.;.'

More information about the Help mailing list