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

Javascript imagem rotativa

Discussão em 'Web Development' iniciada por coixo, 20 de Abril de 2009. (Respostas: 16; Visualizações: 4219)

  1. coixo

    coixo Power Member

    Boas eu nao entendo o pq de nao trabanhar este codigo!

    Tive a conduzir por este SITE ...

    xfade2.css
    xfade2.js
    xfade2_0.css
    Index.html
    E claro tenho 4 fotos com esse nome no mesmo directório!

    msn: [email protected]


    Abraços
     
    Última edição: 20 de Abril de 2009
  2. unsilent

    unsilent Power Member

    Só por vias das dúvidas: o Html que postaste não é só o Html que estás a usar,certo?
    Qual é o comportamento da página?
     
  3. coixo

    coixo Power Member

    Este ficheiro e só um ficheiro de teste para ver como trabalha depois adapto ao html final!


    Espero que me possam ajudar
     
  4. unsilent

    unsilent Power Member

    window.addEventListener?window.addEventListener("l oad",so_init,false):window.attachEvent("onload",so _init);
    Tens ai um espaço.Saca o WebDeveloper Toolbar para o Firefox.
     
  5. coixo

    coixo Power Member

    Nao esta espaço nenhum amigo nem no fixeiro original!
    so neste deve ser devido a formatação
    But nao e esse o erro que não da na mesma!
     
  6. unsilent

    unsilent Power Member

    Olha que dá.
     
  7. coixo

    coixo Power Member

    Serio no ficheiro de origem nao tem espaço e nao da :(
     
  8. unsilent

    unsilent Power Member

    No original não está, porque está a a chamar function so_init(). No que transcreveste esta so _init, logo na primeira linha. Pode ter sido erro de transcrição mas fora isso está tudo bem com o script.
    Qual é o comportamento da página? Aparece-te uma div com quatro imagens?
     
  9. coixo

    coixo Power Member



    Ya 4 imagens
     
  10. unsilent

    unsilent Power Member

    Posta ai o html que estás a usar completo.
     
  11. coixo

    coixo Power Member

    E o que este amigo(e so um ficheiro teste)


    Eu copiei na totalidade, como fica a primeira linda então?'
     
  12. unsilent

    unsilent Power Member

    O Html???
    Não é:
    Código:
    <html>
    <head>
    [B]<link rel="stylesheet" type="text/css" href="xfade2_o.css" />
    <script type="text/javascript" src="xfade2.js"></script>[/B]
    <head/>
    <body>
    
    <h1>Image Cross Fader Redux</h1>
        <div id="imageContainer">
            <img src="img1.jpg" width="500" height="309" alt="Swimming Pool Water" />
            <img src="img2.jpg" width="500" height="309" alt="Notebook" />
            <img src="img3.jpg" width="500" height="309" alt="Bottle Neck" />
            <img src="img4.jpg" width="500" height="309" alt="Nail in a Board" />
    </div>
    
    </body>
    
    </html> 
    ?

    Além do espaço que referi tens mais uns quantos ao longo do xfade2.js.
    addEventListener("l oad",so_init,false)
    getElementsByTa gName("img")
    Sugiro que voltes a fazer download do ficheiro.
     
  13. coixo

    coixo Power Member

    Ya o html e esse mesmo!


    Eu tive a ver no fixeiro e esta tudo sem espaço! e da formatação do site!

    Add ao msn que eu passo-t os ficheiros
     
  14. unsilent

    unsilent Power Member

    Código:
    <html>
    <head>
    [COLOR=Red]<link rel="stylesheet" type="text/css" href="xfade2_o.css" />
    <script type="text/javascript" src="xfade2.js"></script>[/COLOR]
    <head/>
    <body>
    
    <div id="imageContainer">
            <img src="img1.jpg" width="500" height="309" alt="Swimming Pool Water" />
            <img src="img2.jpg" width="500" height="309" alt="Notebook" />
            <img src="img3.jpg" width="500" height="309" alt="Bottle Neck" />
            <img src="img4.jpg" width="500" height="309" alt="Nail in a Board" />
            
    
    </div>
    
    
    </body>
    
    </html> 
    Terns que referenciar os ficheiros externos.Em principio é só isso.
    cumps
     
  15. coixo

    coixo Power Member

    Boa ja trabalha obrigado amigo


    Muito obrigado pela rapidez de ajuda


    Abraços
     

Partilhar esta Página