onMouseover změní obraz a přehraje zvuk, onMouseout obnoví obraz zpět do normálu

Hraji si s něčím v HTML, mohu přehrát zvuk na mouseover obrázku a také změnu obrázku, když tam myš zůstane?

Celkový pohled vývojáře by byl skvělý!

Odpověď

Ano, ale budete potřebovat JavaScript, aby to za vás udělal hodně.

Pro obrázek můžete provést dvě akce:

<img id="imgID" scr="img/image.jpg" onmouseover="imgover();" onmouseout="imgout();" />

Potom vaše dvě funkce udělají to, co chcete:

imgover () {
    document.getElementByID("imgID").scr = "img/newimage.jpg";
    //Code to play sound
}
imgout () {
    document.getElementByID("imgID").scr = "img/image.jpg";
    //Code to stop sound
}

Potřebujete pomoci i se zvukem?