scambio tra 2 immagini al passaggio del mouse

06-01-2010, 03.06.51

E' possibile fare questo?:
Al passaggio del mouse "immagine1.png" l'immagine "immagine2.png" cambia e diventa ad esempio "immagine3.png"... non sò se mi sono espresso, voglio che al passaggio del mouse su un immagine ne cambia una posta a tutt'altro posto... è possibile?

**sevenjeak** · 06-01-2010, 12.57.41

E posibile, puoi farlo modificando il tag img in questo modo:

Codice HTML:

<img src="immagine1.png" onmouseover="this.src = 'immagine2';" onmouseout="this.src = 'immagine1';" />

06-01-2010, 23.33.33

Originalmente inviato da sevenjeak

E posibile, puoi farlo modificando il tag img in questo modo:

Codice HTML:

<img src="immagine1.png" onmouseover="this.src = 'immagine2';" onmouseout="this.src = 'immagine1';" />

così cambia la stessa immagine.. io invece voglio che ne cambia un'altra :S
ti spiego perché:
ho un box, questo box è diviso in 3 immagini, inizio centro e fine, e quella centrale ha una lunghezza non stabilita, al passaggio del mouse su questo box (creato con i div) si colora, ma l'immagine "fine" non cambia di colore, quindi vorrei che al passaggio del mouse sull'immagine "centro1" cambia anche l'immagine "fine1" con "fine2"... è difficile da spiegare... ho cercato di esprimermi il più semplicemente possibile.
Tutto questo credo sia possibile con i css... ma non sò come... qualcosa che specifica quale immagine cambiare.

**Ufobm** · 06-01-2010, 23.56.29

Tra l'<head>

Codice:

<script language="JavaScript">
function colora() {
document.getElementById("imm2").src="immagine3.png";
document.getElementById("imm3").src="immagine2.png";
}
function torna() {
document.getElementById("imm2").src="immagine2.png";
document.getElementById("imm3").src="immagine3.png";
}
</script>

Le immagini

Codice:

<img id="imm1" src="immagine1.png" onmouseover="javascript:colora()" onmouseout="javascript:torna()">
<img id="imm2" src="immagine2.png">
<img id="imm3" src="immagine3.png">

O comunque qualcosa del genere, non riesco a capire bene cosa vuoi fare, se fossi più preciso potrei aiutarti meglio. Se hai bisogno contattami.

**ilmiocaos** · 07-01-2010, 15.50.16

Forse ho trovato quello che fa per te, solo che comporterà un po' di attenzione alle modifiche che fai in quella pagina.

questa sarà la struttura esempio della pagina che hai:

Codice HTML:

<html>
<body>
<img src="linkdiv1" border="0">
<a href="#" onMouseOver="document.images[0].src='linkimmagineperdiv1';document.images[2].src='linkimmagineperdiv3';"
onMouseOut="document.images[0].src='linkimmagineprecedentediv1';document.images[2].src='linkimmagineprecedentediv3';"><img src="linkdiv2" border="0"></a>
<img src="linkdiv3" border="0">
</body>
</html>

Dovrebbe funzionare, solo una cosa, se nella stessa pagina ci sono immagini prima dei 3 div devi cambiare i numeri fra le parentesi quadre ed aumentare i numeri di quanti sono le immagini prima, se quello che ti serve non è questo oppure vuoi anke altro non esitare a chiedere.

PS:non ho messo i div perchè non ho capito come li avresti posizionati

Ciao!

08-01-2010, 00.56.52

Funziona! grazie :-)

**Ufobm** · 08-01-2010, 09.48.53

IlMioCaos, la tua soluzione è scomodissima! Se il numero di immagini è variabile ;) ? Molto meglio usare una funzione con degli id univoci!

**ilmiocaos** · 08-01-2010, 15.13.50

lo so che è scomoda perché ogni volta conta le immagini però funziona sicuro! la uso anche io per il mio sito

Discussione: scambio tra 2 immagini al passaggio del mouse

LinkBack

Strumenti discussione

Display

scambio tra 2 immagini al passaggio del mouse

Regole di scrittura