1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

problema com jscript: efeito fade

Discussão em 'Web Development' iniciada por Clive Sinclair, 15 de Abril de 2008. (Respostas: 0; Visualizações: 699)

  1. Clive Sinclair

    Clive Sinclair Power Member

    Boas

    estou a desenvolver o site do meu escritório de arquitectura, e queria adicionar um efeito fade na transição das imagens. Como não tenho conhecimentos de javascrip, pedi ajuda a um amigo.
    Acontece que o script feito por ele, parecendo funcionar bem off-line, quando on-line padece dos seguintes problemas:

    - no FF (ver.2.0) o script, pura e simplesmente, não funciona;

    - no IE (ver.6.0) da primeira vez que se carrega a página, parece haver um "salto" no efeito fade entre imagens, anomalia essa que já não se repete da segunda vez que se carrega a página.

    Podem ver uma página teste aqui:
    http://www.penasmaisvilla.com/loc/contactos.htm#

    e o código é esse:

    Código:
    <div id="aux3">
            <a href="#" onclick="muda('images/contactos/1a.jpg')">1</a>
            <a href="#" onclick="muda('images/contactos/2a.jpg')">2</a>
            <a href="#" onclick="muda('images/contactos/3a.jpg')">3</a>
            <a href="#" onclick="muda('images/contactos/4a.jpg')">4</a>
        </div>
        <div id="imagemprincipal">
            <img src="images/contactos/1a.jpg" id="img" alt="localização"> </div>
        <div id="paginasec">
            &nbsp;</div>
        <script type="text/javascript">
    var i=0;
    var l=0;
    function fade(i)
    {
    l=i+1;
    //alert(i);
    document.all['img'].style.filter="alpha(opacity=" + i + ")";
    if (l<100)
    setTimeout('fade(l)',1);
    }
    fade(i);
    function muda(s)
    {
    document.all['img'].style.filter="alpha(opacity=0)";
    document.all['img'].src=s;
    i=0;
    fade(i);
    }
    </script>
    
    Alguém que perceba da poda poderá corrigir-me isto?

    Agradecido.
     

Partilhar esta Página