Ir para conteúdo

POWERED BY:

Arquivado

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

plaquimax

Banner randômico sem refresh da page

Por , em Javascript

Recommended Posts

plaquimax    0

plaquimax
Postado

Seguinte pessoal, eu estou tentando trocar algumas partes do meu site por imagens randômicas, mas que não precisem de um refresh da page para se atualizarem...alguém pode me ajudar e me dizer se tem algum tópico sobre isso ou postar algum código pra que eu aprenda de uma vez por todas isso?Desde já agradeço a atenção!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

andrealoisio    1

andrealoisio
Postado

Seguinte

 

Coloca isso no entre as tags <head> e </head>

 

PHP

[*]<script>

[*] imagens = new Array();

[*] //preencha com as imagens que vão aparecer

[*] imagens[0]="fundo1.gif";

[*] imagens[1]="fundo2.gif";

[*] imagens[2]="fundo3.gif";

[*]

[*] i=0;

[*]

[*] function troca(){

[*] if (i==imagens.length){

[*] i=0;

[*] }

[*] document.getElementById('img1').src=imagens;

[*] i++;

[*] }

[*]</script>

 

Depois coloca isso no seu body

 

PHP

[*]<img id="img1" src="fundo1.gif" onclick="troca()">

[*]<script>

[*] setInterval('troca()',3000)

[*]</script>

 

Qualquer dúvida sobre o código é só falar

 

OBS: não é php, só coloqueo pra colorir o código

 

Abraços :blink:

Compartilhar este post

Link para o post
Compartilhar em outros sites

plaquimax    0

plaquimax
Postado

Cara o código ficou perfeito! O único problema é que eu gostaria de colocar link em cada uma das imagens, para cada imagem levar o visitante na página respectiva de cada banner.....É eu realmente to precisando dos links...............alguem dá um help?

Compartilhar este post

Link para o post
Compartilhar em outros sites

andrealoisio    1

andrealoisio
Postado

Nossa cara.. acredita que esqueci dos links hehe

 

mas tá aqui

 

PHP

[*]<script>

[*] imagens = new Array();

[*] //preencha com as imagens que vão aparecer

[*] imagens[0]="fundo1.gif";

[*] imagens[1]="fundo2.gif";

[*] imagens[2]="fundo3.gif";

[*]

[*] //Preencha com os respectivos links

[*] links = new Array();

[*] links[0] = "http://www.google.com.br";

[*] links[1] = "http://www.imasters.com.br";

[*] links[2] = "http://www.mercadolivre.com.br";

[*]

[*]

[*] i=0;

[*]

[*] function troca(){

[*] if (i==imagens.length){

[*] i=0;

[*] }

[*] document.getElementById('img1').src=imagens;

[*] document.getElementById('banner').href=links;

[*] i++;

[*] }//by andrealoisio

[*]</script>

 

no body

 

PHP

[*]<a id="banner" href="#">

[*]<img id="img1" src="fundo1.gif" border="o">

[*]<script>

[*] setInterval('troca()',3000)

[*]</script>

[*]</a>

 

Abraços

 

André

Compartilhar este post

Link para o post
Compartilhar em outros sites

Omar    0

Omar
Postado

André,Existe alguma maneira de controlar a impressão do banner. Por exemplo em um total de 100% o banner1 aparecer 70% e o banner2 aparecer 30%.abraços,Omar

Compartilhar este post

Link para o post
Compartilhar em outros sites

andrealoisio    1

andrealoisio
Postado

Cara tem jeito sim,Mas to sem tempo pra modificar o script, uma alternativa rápida para isto seria você colocar o item mais de uma vez na lista, tipo.. colocar o primeiro item duas vezes e o segundo apenas uma vez.Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Abud    0

Abud
Postado

Cara tem jeito sim,Mas to sem tempo pra modificar o script, uma alternativa rápida para isto seria você colocar o item mais de uma vez na lista, tipo.. colocar o primeiro item duas vezes e o segundo apenas uma vez.Abraços

André,Obrigado pela ideia, mas se interessar efetuar as modificações, me envie uma ideia de preço que passo para o meu cliente.....AbsOmar Abud

Compartilhar este post

Link para o post
Compartilhar em outros sites

Abud    0

Abud
Postado

André,Estou utilizando seu script em miha página esta funcionando beleza.Agora, existe algum jeito de um dos banners ser um Flash ? Se sim como fazer ?Abraços,Abud

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