caricare immagine in div onmouseover e onmouseout

[jackJJ]

ho bisogno di caricare in un div un immagine tramite <img src ecc., che cambi a seconda se il mouse è sopra o fuori. come si fa?

[mxa]

Per i browser standard (su IE probabilmente funziona solo dalla 9) puoi usare semplicemente una regola CSS senza scomodare javascript.

//Markup
<div class="hover-img">
  [img]path/to/img[/img]
</div>

//CSS
div.hover-img img {
  display: none; //o visibility: hidden a seconda delle esigenze
}

div.hover-img:hover img {
  display: inline; //o block o visibility: visible
}

[jackJJ]

mi serve javascript perchè ciò deve avvenire solo se si verificano alcune condizioni...

[luky0]

ci sono diverse opzioni che devi vedere ad esempio se il browser su cui si naviga è explorer o un'altro... e poi pouoi fare così

document.getElementById(idIMG)..filters.alpha.opacity=0;

per IE

document.getElementById(idIMG).style.MozOpacity=0;

per gli altri

questo per farli sparire
e per farli comparire fai così...

document.getElementById(idIMG)..filters.alpha.opacity=100;

per IE

document.getElementById(idIMG).style.MozOpacity=1;

per gli altri

[mxa]

Non vedo perchè usare l'opacità che è un casino quando si possono usare le proprietà display e/o visibility.

[luky0]

anche ma se si usa l'opacità si può sempre, in un secondo momento, gestire una dissolvenza...