[Javascript] proprietà OnMouseOver/OnMouseOut oggetto immagine

[hackharo]

Ciao a tutti,
avrei bisogno di creare il classico effetto bottone per cui quando si passa sopra un'immagine con il mouse cambia,e quando si sposta nuovamente il mouse ritorna normale.
Avrei però bisogno di farlo attraverso una funzione javascript senza toccare il codice html, mi spiego:

non posso fare
[img]...[/img]

ma posso assegnare un id all'immagine
<img id="immagine1">

e accedervi mediante javascript
document.getElementById('immagine1').onMouseOver
document.getElementById('immagine1').onMouseOut

Tuttavia non so come sfruttare queste due proprietà: ho provato con questo codice ma non funziona:

if(document.getElementById('immagine1').onMouseOver){
document.getElementById('immagine1').src = "indirizzo";
}

[fcaldera]

all'evento onload (o al domload)


var img = document.getElementById('immagine1');
img.onmouseover = function() {
this.src = 'path/to/other/image.jpg';
}

[Xinod]

il concetto e':

// devi parlare di elementi sicuramente gia' presenti nel documento
// per semplificare, lo fai al termine del caricamento
window.onload=function(){
  // riferimento all' immagine corretta
  var im=document.getElementById('id_immagine');
  // cambio al passaggio
  im.onmouseover=function(){this.src='percorso/stato_on.gif';}
  im.onmouseout=function(){this.src='percorso/stato_off.gif';}
}

ciao

[hackharo]

Fatto, funziona!!!
Grazie mille sono ancora alle prime armi con JS!
ciao