Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

wendel

foto que muda a cada x segundos

Por , em Javascript

Recommended Posts

wendel    0

wendel
Postado

Olá galera, tenho um site e gostaria que a foto da noticia fosse mudando a cada determinado segundos.EX.: a noticia principal tem 3 fotos e cada 5 segundos essa foto era trocada sem a necessidade de atualizar. (foto01, foto02...Conto com vocês!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Seguinte,

Tenho esse script que por ora é o que uso na mudança dos banners no meu site, entre la e na seção codigos você pode baixar, se der problemas, me procure em pvt (rodney-peck@ig.com.br)

Tbm tem na versao antiga do meu site!

 

versao antiga

 

versao atual

 

[]s

Rodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

dio    0

dio
Postado

Usa esse código aqui no head...

 

<script>

 

adImagens = new Array ("imagem1.gif", imagem2.gif", imagem3.gif")

thisAd = 0

imgCt = adImagens.lenght

 

function alternar() {

if (document.images) {

thisAd++

if (thisAd == imgCt) {

thisAd = 0

}

document.adBanner.src=adImagens[thisAd]

setTimeout("alternar()", 5 * 1000)

}

}

 

</script>

 

 

E esses aqui no body...

 

<body onLoad="alternar()">

 

<img src="imagem1.gif" name="adBanner">

 

 

 

Vê se funciona aí... :D/>

Compartilhar este post

Link para o post
Compartilhar em outros sites

joaogil    1

joaogil
Postado
DIO, seu código funciona até certo ponto, depois da terceira imagem ele mostra uma imagem quebrada "undefined" !!???

Compartilhar este post

Link para o post
Compartilhar em outros sites

joaogil    1

joaogil
Postado

Descobri o pequeno erro !

Estava descrito lenght em vez de length

Também adicionei o "thisAd++" no final do código.

Então o script corrigido é assim:

<script language="JavaScript" type="text/javascript">adImagens = new Array ("imagem1.jpg", "imagem2.jpg", "imagem3.jpg")thisAd = 0imgCt = adImagens.length // AQUI ESTAVA O ERROfunction alternar(){   if (document.images)   {		if (thisAd == imgCt)	   {			thisAd = 0;	   }	   document.adBanner.src=adImagens[thisAd];	   document.adBanner.alt=adImagens[thisAd];	   	   setTimeout("alternar()", 5 * 1000)	   thisAd++; // MUDEI O CONTADOR PRA CÁ	}}</script><body onLoad="alternar();"><img src="imagem1.jpg" name="adBanner" alt="" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

leogill    0

leogill
Postado

Teria como eu fazer exatamente isso só que ao contrario de mudar as imagens de noticias, mudar a imagem de background? Pois estou precisando colocar um arquivo .swf em cima de umas imagens que ficarao mudando, e nao sei como, minha ideia seria colocar as imagens como plano de fundo e assim o arquivo .swf poderia ficar sobreposto a imagem....teria uma opcao melhor?

 

Valew

Compartilhar este post

Link para o post
Compartilhar em outros sites

joaogil    1

joaogil
Postado

Hoje em dia você também pode usar jquery, mas usando este código faça o seguinte:

 

Troque a tag img por um div com id, por exemplo:

<div id="fundoFlash"><div>

Aí troque isso:

document.adBanner.src=adImagens[thisAd];
document.adBanner.alt=adImagens[thisAd];

Por isso:

document.getElementById('fundoFlash').style.backgroundImage="url("+adImagens[thisAd]+")";

Ajuste de acordo com o seu CSS e a url de acordo com o caminho onde estão usas imagens.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito