Un RollOver (singolo) per immagini
Questo RollOver lavora esattamente come quello multiplo, ma in questo caso invece di far cambiare l'immagine che sta sotto il mouse, ne faccio cambiare un'altra, che magari non è neanche cliccabile.
Le modifiche rispetto allo script multiplo sono semplici. È sparito il source off che è stato sostituito da un'immagine "vuota". I nomi delle immagini (all'interno del tag <IMG SRC=.. >) non sono più necessari, mentre viene assegnato un nome (roller) all'immagine che dovrà cambiare. Così sia la funzione swp(N) che UNswp(N) agiscono questa volta solo sull'immagine roller, la prima visualizzando l'immagine richiesta dal passaggio del mouse, la seconda visualizzando quella di default.
Questo è lo script, anche in questo caso studiare un po' il sorgente vi permetterà di capire meglio il funzionamento dello script.
<SCRIPT>
<!--
checkbr = (parseInt(navigator.appVersion) > 2)?true:false;
if (checkbr)
{
nome = new Array ("a","b","c")
source = new Array ();
for (conta in nome)
{
source[conta] = new Image();
source[conta].src = nome[conta]+".gif";
}
vuoto = new Image(); vuoto.src="vuoto.gif";
}
function swp(numero)
{
if (checkbr)
{
document.roller.src=source[numero].src;
}
}
function UNswp(numero)
{
if (checkbr)
{
document.roller.src=vuoto.src;
}
}
//-->
</SCRIPT>
|