Home
Suoni nelle pagine web con jQuery. PDF Stampa E-mail
Scritto da Carmelo Carchedi   
Martedì 27 Settembre 2011 01:07

Spesso nelle pagine web si ha bisogno di eseguire un suono a conferma della presenza di un evento.

Per eseguire un suono utilizzando jQuery, puoi fare cosi.

Riserva un div nella tua pagina per l'esecuzione dei suoni, per esempio:

<pre xml:html>
    <div id="suono"></div>
</pre>

 

 

poniamo di voler eseguire un suono all'evento onmouseover di un div:

<div id="miotesto">Special text</div>

nella sezione jquery dovrai inserire il seguente coice:

$('#miotesto').mouseover(function() {
   $('#suono').html('<embed src="/tuosuono.wav" hidden="true" autostart="true" loop="false" />');
 
});

il file "tuosuono.wav" dovra essere raggiungibile via internet ed in questo caso dovrà essere nella  stessa posizione del file html.

 

A questo punto, passando sopra il div "miotesto" si eseguirà il suono "tuosuono.wav"

Funziona con tutti i browser: IE, Firefox, Opera, Chrome, ec. ecc.

 

Qui puoi provare la pagina.

Ultimo aggiornamento Mercoledì 02 Novembre 2011 17:04