Cambiare immagine

[Varvez Reloaded]

è possibile creare dei rollover che cambino l'immagine al centro della pagina quando ci si passa sopra?

[dydale]

Sì, con javascript.

[Stanislao]

nella head metti questo

<script language=""JavaScript"">
<!--
function cambia(ImageName,ImageFile){
ImageName.src = ImageFile;
}
// -->
</script>


e il link lo crei così

<a href="pagina.html"
onMouseOver="cambia(img_c1,'img2.jpg')"
onMouseOut="cambia(img_c1,'img1.jpg')">
[img]img1.jpg[/img]
</a>

[Varvez Reloaded]

Originariamente inviato da Stanislao
nella head metti questo

<script language=""JavaScript"">
<!--
function cambia(ImageName,ImageFile){
ImageName.src = ImageFile;
}
// -->
</script>


e il link lo crei così

<a href="pagina.html"
onMouseOver="cambia(img_c1,'img2.jpg')"
onMouseOut="cambia(img_c1,'img1.jpg')">
[img]img1.jpg[/img]
</a>

scusa ma non capisco il funzionamento....

passando sopra immagine1 , l'immagine2 posta al centro dello schermo deve cambiare in immagine3... come farE?

[Varvez Reloaded]

[dydale]

Ieri non sono passato da casa, ma stasera recupero il codice. Non mi ricordo come si fa, ma l'avevo fatto in 2 modi (2-3 anni fa). Il primo passando sopra con il mouse al thumbnail, l'altro solo quando si clicca.

[zoom]

buttato giù in due minuti...
prova a vedere se funziona e se può andare..

[img][/img]
[img][/img]

script:

		function cambia(id,percorso){
			if (document.getElementById){
				document.getElementById(id).src=percorso;
			}
			else{
				if(document.layers){
					document.layers[id].src=percorso;
				}
				else if(document.all){
					eval("document.all." + id + ".src=" + percorso);
				}
			}
		}

[bigmaul]

Originariamente inviato da Varvez Reloaded
scusa ma non capisco il funzionamento....

passando sopra immagine1 , l'immagine2 posta al centro dello schermo deve cambiare in immagine3... come farE?

La soluzione è già in quello script

Guarda, i parametri che passi alla funzione sono 2:
1) Il nome del tag (contenitore) dell'immagine
2) Il nome dell'immagine da caricare.

non dovresti far altro che dire a quale tag cambiare immagine

Es.
<a href="pagina.html"
onMouseOver="cambia(img_c2,'img2.jpg')"
onMouseOut="cambia(img_c1,'img1.jpg')">
[img]img1.jpg[/img]
</a>