Script "Pausa" na execução

[bossbob 0]

Olá a todos!

 

Estou com o seguinte problema:

O código abaixo, faz com que ao passar o mouse em cima de uma imagem, esta recebe um efeito "Alpha" que vai aos poucos sendo retirado da imagem.

O problema é que tenho várias imagens, uma ao lado da outra, sendo que ao passar o mouse em uma das imagens, e antes de o efeito se "concluir", passar o mouse em uma segunda imagem, causa o "congelamento" do efeito na primeira imagem, mas a segunda o efeito roda normalmente. Ao voltar com o mouse na primeira, esta continua o efeito de onde parou.

Agradeço qualquer ajuda.

 

<script>function fader(imageobject,opacity){	imageobject.filters.alpha.opacity=opacity	if (parseInt(imageobject.filters.alpha.opacity)<100){	  obje = imageobject;	  opac = imageobject.filters.alpha.opacity+10;	  setTimeout("fader(obje,opac)",150);   }}</script><img src="foto1.jpg" style="filter:alpha(opacity=100);" onmouseover="fader(this,50)"><img src="foto2.jpg" style="filter:alpha(opacity=100);" onmouseover="fader(this,50)"><img src="foto3.jpg" style="filter:alpha(opacity=100);" onmouseover="fader(this,50)">

[klaygomes 0]

Altera esta linha:

obje = imageobject;opac = imageobject.filters.alpha.opacity+10;setTimeout("fader(obje,opac)",150);

 

Por isto:

var obje = imageobject;	  var opac = imageobject.filters.alpha.opacity+10;	  setTimeout( function(){ 		 fader(obje,opac)	  },150);

Testa e veja se funciona :rolleyes:

[bossbob 0]

Olá klaygomes!Obrigado pela resposta ^_^ Funcionou corretamente =DMto obrigado!vlw