Salve a tutti!:)
Ho un problema nella gestione dei suoni! Tramite l?utilizzo del tag audio di html 5 ho assegnato ai link di una pagina degli effetti audio, (uno per ogni collegamento) che si attivano all?hover dell?utente! L?effetto funziona benissimo su Firefox:) ma non su Crome ed Explorer 9.:? In Crome, dopo aver aperto la pagina, se passo più volte sullo stesso link mi riproduce il suono senza problemi ma appena passo sopra ad un altro link cominciano a non funzionare più, come se facesse fatica a gestirne più di uno! Non ho proprio idea di come risolverla?qualcuno sa darmi un suggerimento?
Grazie!

[HTML]<ul id="lista">
<li><a id="01" href="#">Link 1</a></li>
<li><a id="02" href="#">Link 2</a></li>
<li><a id="03" href="#">Link 3</a></li>
</ul>

    <audio id="suono-1" preload="auto">
        <source src="01.wav"></source>
        <source src="01.mp3"></source>
    </audio>
    
    <audio id="suono-2" preload="auto">
        <source src="02.wav"></source>
        <source src="02.mp3"></source>
    </audio>
    
    <audio id="suono-3" preload="auto">
        <source src="03.wav"></source>
        <source src="03.mp3"></source>
    </audio>[/HTML]

file .js:

var suono1 = $("#suono-1")[0];
                $("#lista a#01")
                .mouseenter(function() {
                suono1.play();
            });
        
        var suono2 = $("#suono-2")[0];
                $("#lista a#02")
                .mouseenter(function() {
                suono2.play();
            });
        
        var suono3 = $("#suono-3")[0];
                $("#lista a#03")
                .mouseenter(function() {
                suono3.play();
            });

Salve a tutti sono nuovo del forum!
Sto costruendo un sito internet e ho creato una pagina contenente un carosello di immagini in anteprima fatto in jQuery! Ora mi è stato chiesto di aggiungere un ulteriore effetto al carosello: al passaggio del mouse ogni anteprima deve attivare un suono, Ho provato a cercare in vari siti ma non ho trovato script jQuery in grado di fare questo e non posso usare Flash! Data la mia scarsissima conoscenza di Javascript, se qualcuno è in grado di aiutarmi, chiedo gentilmente che posti il codice necessario per l?effetto!:) Di seguito il codice html della struttura del carosello;
come si può vedere ho usato una lista per definire la struttura html! Ai primi due tag a ho assegnato degli id, richiamandoli dal css ho inserito le immagini di anteprima in background!

codice .html:

[HTML]<ul id="carosello">
<li><a id="p1" href="arch_1.html"></a></li>
<li><a id="p2" href="arch_2.html"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>[/HTML]

Stili .css:

#carosello li a#p1 {
background:url(../immagini/anteprime/architecture/01.jpg) no-repeat 0 0;
}

Spero di essere stato abbastanza chiaro!:)
Grazie in anticipo, ciao!