Ir ao conteúdo

Posts recomendados

Postado

Não consigo acha o erro para o banner funcionar
Se alguem puder ajuda fico agradecido...Hehe

valeu!!

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Black Crusade | Viva a sua batalha</title>
<link type="image/icon" rel="icon" href="imagem/imagens/icon-espada.png"/>
<link type="text/css" rel="stylesheet" href="css/estilo-cruzada.css"/>
<link href='https://fonts.googleapis.com/css?family=Crimson+Text' rel='stylesheet' type='text/css'/>
<link href='https://fonts.googleapis.com/css?family=MedievalSharp' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="javascript/banner-batalha.js"></script>
</head>
<body>
    <header>
        <div id="container">
            <img src="imagem/imagens/cabeçalho-espada.png" alt="black crusade"/>
            <nav>
                <a href="#">HOME</a>
                <a href="#">O JOGO</a><!--colocar video como background e conteudo por cima-->
                <a href="#">PERSONAGENS</a>
                <a href="#">SCREENSHOTS</a>
                <a href="#">CADASTRO</a>
                <a href="#">SUPORTE</a>
            </nav>
        </div>
    </header>
    <section id="doisRetangulos">    
        <div id="estilozaX"><!--linha de limite das bordas--></div>
        <div id="estilozaY"><!--linha de limite das bordas--></div>
        <div id="estilozaY2"><!--linha de limite das bordas--></div>
        <div id="contGeral">
            <div id="primeiroBanner" onLoad="trocabanner()">            
                <a href="#"><img src="imagem/imagens/fotobanner1.jpg" name="bannerprincipal"/></a>
               </div>
           </div>
        <div id="estilozaX"><!--linha de limite das bordas--></div>
    </section>
</body>
</html>


 

E O SCRIPT

 

// JavaScript Document
var allbanners=new Array("imagem/imagens/fotobanner1.jpg","imagem/imagens/fotobanner2.jpg","imagem/imagens/fotobanner3.jpg","imagem/imagens/fotobanner4.jpg")
var ultimapos=allbanners.length-1
var posatual=-1
function trocabanner(){
    posatual=posatual+1
    if(posatual>ultimapos){
        posatual=
    }
    document.bannerprincipal.src=allbanners[posatual]
    setTimeout("trocabanner()", 2500)
}


 

Postado

não consegui arrumar o dif 

aquele do jquery é mas é complicado do o meu e aquele do outro link são bons mas não congui fazer fucionar...:tw_astonished:

  • Moderador
Postado

@Jonas Gaia Mas como você tentou fazer? é bem mais simples do que imaginas.

 

Fazer com jquery só precisas carregar o plugin jQuery, o plugin do efeito e chamar-lo no seu documento.

Melhor você postar como tentou.

 

Outra alternativa é usar só o CSS 3

 

Veja um exemplo: https://jsfiddle.net/xjkwwdx2/1/

 

Eu comentei todo o código para você entender o processo.

 

 

Visitante
Este tópico está impedido de receber novas respostas.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

GRÁTIS: ebook Redes Wi-Fi – 2ª Edição

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!