img ingrandisce a passaggio mouse

**impronte** · 26-02-2004, 00:36

Ciao a tutti,
ho trovato questo script che permette di ingrandire un'immagine al passaggio del mouse e fin qui tutto bene, ma vorrei applicarlo a tutte le immagini della pagina senza, ovviamente, riscrivere lo script ogni volta. Immagino (spero di non dire cavolate) di dover usare gli array... purtroppo non so bene cosa fare. Qualcuno potrebbe aiutarmi?

Grazie, Daniela

[CODE]<script language="JavaScript">
//funzione che ingrandisce
function lentep() {
//l'ingrandimento avviene moltiplicando per 2 i valori
//di altezza e larghezza dell'immagine
document.img1.width=document.img1.width*2
document.img1.height=document.img1.height*2
}
//funzione che riduce dividendo per 2
function lentem() {
document.img1.width=document.img1.width/2
document.img1.height=document.img1.height/2
}
</script>

<body>
<a href="#" onMouseOver="lentep()" onMouseOut="lentem()">
[img]foto.jpg[/img]</a>

**Xinod** · 26-02-2004, 01:54

ciao,
mi pare ti serva solo passare come parametro il nome dell' immagine alle funzioni

codice:

<script language="JavaScript"> 
//funzione che ingrandisce 
function lentep(imm) { 
//l'ingrandimento avviene moltiplicando per 2 i valori 
//di altezza e larghezza dell'immagine 
document.images[imm].width=document.images[imm].width*2 
document.images[imm].height=document.images[imm].height*2 
} 
//funzione che riduce dividendo per 2 
function lentem(imm) { 
document.images[imm].width=document.images[imm].width/2 
document.images[imm].height=document.images[imm].height/2 
} 
</script> 

<body> 
<a href="#" onMouseOver="lentep('img1')" onMouseOut="lentem('img1')"> 
[img]foto.jpg[/img]</a>

<a href="#" onMouseOver="lentep('img2')" onMouseOut="lentem('img2')"> 
[img]foto2.jpg[/img]</a>
...

**impronte** · 26-02-2004, 18:10

Grazie mille! :tongue:

Discussione: img ingrandisce a passaggio mouse

Strumenti discussione

Ricerca discussione

Visualizza

img ingrandisce a passaggio mouse

Permessi di invio