Buono sconto 4% su Toner e Cartucce agli utenti AZpoint. SU Iomiricarico.it!!
Introduzione
Questo script permette di poter realizzare un particolare effetto con javascript che fa cambiare l'immagine al passaggio del mouse su un'immagine. Innanzitutto per il corretto funzionamento dobbiamo inserire all'interno del codice HEAD la sueguente Array:
Codice per l'Array
<script language=""JavaScript"">
<!--
function cambia(ImageName,ImageFile){
ImageName.src = ImageFile;
}
// -->
</script>
Creare il link con OnMouseOver
A questo punto dovremo inserire il codice per creare il link che al passaggio del mouse cambia immagine. Per farlo sfruttiamo la funzione OnMouseOver in questo modo:
Codice per il Link
<a href="pagina.html"
onMouseOver="cambia(img_c1,'img2.jpg')"
onMouseOut="cambia(img_c1,'img1.jpg')">
<img border="0" name="img_c1" src="img1.jpg">
</a>
Conclusioni
Come vedete dovete impostare i nomi delle due immagini (img1.jpg= img iniziale) e poi definire la variabile "imageName". Noi abbiamo scelto di chiamarla "img_c1" che sta per immagine cambia 1. Ricordate sempre di inserire un numero alla fine poichè se dovete utilizzare più volte la funzione potrete assegnare un nome con l'utilizzo di una progressione numerica
|