Problema Con L' Effetto Rollover Per Pulsanti

Simona339

Nuovo Utente
12 Lug 2005
1
0
0
Ciao a tutti mi chiamo Simona volevo chiedervi una cosa:
Sto costruendo un sito in cui vorrei inserire un pulsante che si anima quando ci passa sopra il cursore del mouse. Girando in internet ho trovato questo script:
script language="JavaScript">
<!--
function cambia(ImageName, ImageFile)
{
ImageName.src = ImageFile;
}
// -->
</script>
<a href="#" onMouseOver="cambia(b1,'bottone2.gif')" onMouseOut="cambia(b1,'bottone1.gif')"><img name="b1" src="bottone1.gif"></a>

e il codice funziona. Il mio problema però è che il codice funziona per UN SOLO PULSANTE, ma io dovrei inserirne almeno 7!! Perchè, se seguo la stessa procedura, opportunamente cambiando il nome del file di origine del bottone, l'effetto non si verifica? Non solo, ma anche sul PRIMO BOTTONE l'evento non si verifica più!!!!
Mi potreste aiutare??
Grazie mille
Simona
 
Ciao! Guarda, è più semplice di quanto pensi! ;)

Basta che cambi l'img name per ogni bottone(qui te ne ho messi 2):

<html>
<head>
<script>
function cambia(ImageName, ImageFile)
{
ImageName.src = ImageFile;
}
</script>
</head>
<body>
<a href="#" onMouseOver="cambia(b1,'bottone1b.jpg')"
onMouseOut="cambia(b1,'bottone1a.jpg')"><img name="b1" src="bottone1a.jpg"></a>
<br><br>
<a href="#" onMouseOver="cambia(b2,'bottone2b.jpg')"
onMouseOut="cambia(b2,'bottone2a.jpg')"><img name="b2" src="bottone2a.jpg"></a>
</body>
</html>

Le parti in blu sono quelle che devi variare per ogni nuovo bottone, oltre ovviamente al nome delle immagini! :D

Salut!
 

Discussioni simili