Paolo Loschi è un web designer di Modena di grande talento. Oltre ad essere un mio grande amico è anche la fonte principale di tutti i miei esperimenti con jQuery. Paolo infatti è un designer in Flash che negli ultimi tempi è rimasto letteralmente conquistato dalle possibilità tecniche di jQuery e dalla sua capacità di essere una valida alternativa a Flash in molti casi (non in tutti ovviamente). In questo articolo vorrei presentare la sfida Flash che Paolo mi ha sottoposto.
Menu con effetti sonori
Questa sfida si rifa ai menu in Flash che producono un suono ad ogni clic dell'utente. La realizzazione potrebbe essere implementata utilizzando l'elemento audio di HTML5:
<div id="navigation">
<ul>
...
</ul>
<audio id="navigation-sound" .../>
</div>
Per prima cosa dovremmo nascondere tale elemento:
#navigation-sound {
display: block;
width: 0px;
height: 0px;
overflow: hidden;
position: absolute;
left: -1000em;
}
Quindi dovremmo attivare il suono ad ogni clic:
$('a', '#navigation').each(function() {
var $a = $(this);
$a.click(function() {
$('#navigation-sound', '#navigation')[0].play();
});
});
In alternativa si potrebbe usare l'evento mouseover quando l'utente evidenzia un link con il mouse.