[AJUDA] onMouseover / onMouseout

[FabianoVieira]

Beleza rapaziada ! Meu primeiro tópico no forum , precisava da ajuda de vocês ...

Tenho esse script pra visualizar imagens miniaturas em uma div passando a seta do mouse em cima ... Funciona plenamente , só que eu quero que quando retirar a seta do mouse de cima da imagem retorne para imagem principal carregada pela div ...

Script :

<script type="text/javascript">

var carregar;

function abrePagina( img )

{

carregar = new Image();

carregar.src = img;

document.getElementById("div_fotos").innerHTML = "Carregando...";

setTimeout( "verificaCarregamento()", 100 );

}

function verificaCarregamento()

{

if( carregar.complete )

{

document.getElementById("div_fotos").innerHTML = "<img src=\"" + carregar.src + "\" />";

}

else

{

setTimeout( "verificaCarregamento()", 100 );

}

}

</script>

Div

<div id="div_fotos"><img src="images/mural.jpg" /></div>

Link

<a href="#" onmouseover="abrePagina('images/empresa_grd.jpg');"><img src="images/empresa_peq.png" name="img1" width="115" height="90" id="img1" />

Vlw !!

[xandeco]

Você pode colocar uma função que defina que, quando ativado o evento Onmouseout exiba a imagem inicial, é simples, eu fiz isso eu uma imagem(ficou parecendo aqueles anuncios), quando eu passava o mouse em cima, aparecia outra imagem(uma .gif) e quando eu retirava, voltava a imagem inicial, é pensar um pouco em como fazer isso(é tarefa sua). ;)

[FabianoVieira]

xandeco , obrigado pela dica !

Consegui resolver apenas repetindo o chamado onmouseover e apenas trocando para onmouseout ... Simples rsrsrs ..

<a href="#" onmouseover="abrePagina('images/empresa_grd.jpg');" onmouseout="abrePagina('images/mural.jpg');"><img src="images/empresa_peq.png" name="img1" width="115" height="90" id="img1" /></a>