Printable View
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?
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 :SCitazione:
Originalmente inviato da sevenjeak
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.
Tra l'<head>
Le immaginiCodice:<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>
O comunque qualcosa del genere, non riesco a capire bene cosa vuoi fare, se fossi più preciso potrei aiutarti meglio. Se hai bisogno contattami.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">
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:
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.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>
PS:non ho messo i div perchè non ho capito come li avresti posizionati
Ciao!
Funziona! grazie :-)
IlMioCaos, la tua soluzione è scomodissima! Se il numero di immagini è variabile ;) ? Molto meglio usare una funzione con degli id univoci!
lo so che è scomoda perché ogni volta conta le immagini però funziona sicuro! la uso anche io per il mio sito