[ Missione Impossibile ] Realizzare un rilevatore di img

[Neocron]

ciao, devo riuscire a far si che il mio documento html riesca a percepire se il mouse sta passando su un'immagine, e da li attivare una funzione.

Chiedo la possibilità di non scriver codice su tag <img> e lasciarlo invariato. é il documento html che deve capire dove sta passando.


es.

4 immagini

1 pagina html

nessun codice sulle immagini

codice su html (Javascript)


quando passo su un immagine parte una funzione
quando esco dall'immagine (rollOut)ne parte un altra


Per favore aiutatemi e davvero importante.

[pela]

prova questo:

<script language="JavaScript"> 
function mouseover(){
  alert("mouse over");
}
function mouseout(){
  alert("mouse out");
}
function trova(){
  for(i=0;i<document.images.length;i++){
    document.images[i].onmouseover=mouseover;
    document.images[i].onmouseout=mouseout;
  }
}
window.onload=trova;
</script>

[Neocron]

scusa me lo spiegheresti?

[pela]

in pratica al caricamento della pagina viene chiamata la funzione trova che si occupa di scorrere tutte le immagini della pagina, assegnando all'evento onmouseover la funzione mouseover() e all'evento onmouseout la funzione mouseout() (dentro queste funzioni ci scrivi cosa deve essere eseguito al rollover e al rollout)