Cambiare 4 immagini con onmouseover javascript

[bluesman]

Cambiare 4 immagini con onmouseover javascript

Ciao a tutti,
avrei bisogno di 1 mano...:?
sulla homepage del mio sito sto cercando di cambiare 4 immagini al passaggio sopra del mouse, con altre 4 immagini.

Ora sono riuscito "magicamente" ad arrivare a questo semplice script:

<script>
function mouseOver()
{
document.getElementById("foto1").src ="img/foto1-home.jpg";
}
function mouseOut()
{
document.getElementById("foto1").src ="img/foto1-home2.jpg";
}
</script>

Ovviamente ho aggiunto id"foto1", onmouseover () e onmouseout() nell'html.

Purtroppo funziona solo con 1 immagine alla volta, invece vorrei che ognuna avesse la sua funzione e fosse indipendente dalle altre.

So che potrei farlo col css, ma il cambiamento delle immagini deve avvenire non solo posizionando il mouse sulle 4 immagini, ma anche su 4 loghetti relativi alle immagini, quindi devo usare javascript.

Madò sto impazzendo :bho:.

Ciao a tutti
grazie per le eventuali risposte
BluesMan

[bluesman]

Ho risolto .
Non so se i guru del forum mi scomunicheranno per questa soluzione, ma io essendo "novello" (come il vino) con javascript ho proceduto empiricamente.

vi posto il codice:

//Cambia i banner in homepage

//Cambia la prima foto
function mouseOver()
{
document.getElementById("foto1").src ="img/foto1-over.jpg";
}
function mouseOut()
{
document.getElementById("foto1").src ="img/foto1-out.jpg";
}

//Cambia la seconda foto
function mouseOver2()
{
document.getElementById("foto2").src ="img/foto2-over.jpg";
}
function mouseOut2()
{
document.getElementById("foto2").src ="img/foto2-out.jpg";
}

...e così via...per foto3 e foto4.

all'interno del codice html ho inserito per ogni foto il codice relativo:
[HTML]
<a href="link_sito.html"><img src="img/foto1-out.jpg" id="foto1" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>
[/HTML]

Per far cambiare l'immagine1 con il mouse su un'altro elemento (per me era un loghetto collegato ad ogni immagine)
ho inserito nel tag <img> "id" , "onmuseover" e "onmouseout" come sopra.

Spero possa essere utile.

Ciao
BluesMan