Как сделать, чтобы при наведении на картинку проигрывался один из 4 звуков?

Question

[retrica]

Вот картинка. Нужно что бы при наведении на неё происходила замена на другую картинку в формате gif и проигрывался звук.

Answer 1

[Андрей]

вот пример на jQuery и jPlayer:
jsfiddle.net/9avkgtgm

Answer 2

[Andriy Biskup]

При наведении на картинку генерировать рандомное число (для примера от 1 до 4), и в зависимости от него устанавливать для картинки нужный звук, другую картинку, и проигрывать все это дело?

Answer 3

[Mark B1]

средствами jquery делайте замену картинки и запуск аудио через переменную n+1.

jquery-docs.ru/events/mousemove

Answer 4

[Константин Китманов]

Создаете элементы audio c нужными звуками, 4 штуки. Думаю, можно сделать это прямо из JS.
Вешаете обработчик события onmouseover на вашу картинку.
В этом обработчике меняете свойство src у вашей картинки на путь к нужной гифке.
Генерите рандомное число от 1 до 4 и соответственно берете по индексу нужный audio, и вызываете у него метод play().