cerco script x cambiare img con il cursore

[Oscurodrago]

ciao,
mi serirebbe uno script che cambia una IMG in base su quale parola si trova il cursore...

cioè ho il campo dell'immagine
[img]media/images/DIR00001/IMGS0001.jpg[/img]
e successivamente ho una lista di nomi:
mela
pera
limone
arancia

quando uno va su uno di quei nomi della lista con il cursore, in base su quale nome si trova l'immagine cambia e se si trova su nessun nome rimane sulla prima img


ciau e grazie

[GTN]

puoi farlo benissimo con i CSS

[secan]

...
<script type=text/javascript>
// preload delle immagini da caricare
var arrImgs = new Array(4);
arrImgs[0] = "mela.jpg";
arrImgs[1] = "pera.jpg";
arrImgs[2] = "limone.jpg";
arrImgs[3] = "arancia.jpg";

// funzione per il cambio di immagine
function cambiaImg(obj, imgIndex) {
  var imgSrc = "[percorso della cartella immagini]" + arrImgs[imgIndex];
  document.images[obj].src = imgSrc;
}
</script>
...
[img][immagine][/img]
mela
pera
limone
arancia
...

[Oscurodrago]

grazie 1000

[Oscurodrago]

umm c'e un problemino quando tolgo il cursore da uno dei nomi nn ritorna la prima immagine

[secan]

Modificalo in questo modo:

...
<script type=text/javascript>
// preload delle immagini da caricare
var arrImgs = new Array(5);
arrImgs[0] = "default.jpg";
arrImgs[1] = "mela.jpg";
arrImgs[2] = "pera.jpg";
arrImgs[3] = "limone.jpg";
arrImgs[4] = "arancia.jpg";

// funzione per il cambio di immagine
function cambiaImg(obj, imgIndex) {
  var imgSrc = "[percorso della cartella immagini]" + arrImgs[imgIndex];
  document.images[obj].src = imgSrc;
}
</script>
...
[img]default.jpg[/img]
mela
pera
limone
arancia
...

Ciao,
Saverio

[Oscurodrago]

grazie ancora ma ho un altra domanda.
è possibile fare la stessa cosa con un link href

[secan]

è possibile fare la stessa cosa con un link href?

Si, certo:

mela

e se non funziona togli i "return false;"

mela

Ciao,
Saverio