9 replies to this topic

[Sinistro(X)]

Olá a todos!!!
Bom minha dúvida é a seguinte:
Vi no site wwww.boadica.com.br uma pubicidade no topo da página que toda vez que se entra na página a propaganda muda... Ex. se der um F5 para recarregar a página será outra propaganda que estará aparecendo. no www.wmonline.com.br tb tem um assim.
será que alguém poedria me dizer como é que se faz isso???
Não sei se esse é o lugar certo para postar isso. se não for me desculpem e obrigado pela atenção!!!

[Paulo André]

Depende de qual linguagem você quer usar.

Você consegue fazer isto com PHP, ASP, Java, Javascript....

E depende também para eu mover o tópico para o lugar certo.

Flws...
Até mais

[Sinistro(X)]

Depende de qual linguagem você quer usar.

Você consegue fazer isto com PHP, ASP, Java, Javascript....

E depende também para eu mover o tópico para o lugar certo.

Flws...

Pode ser em javascript!!!
vlw pela atenção!

[Paulo André]

Droga, a única que não sei... rs...

Sei se for com um time. Você determina um tempo para os banners serem exibidos. Seria algo mais ou menos assim:

<script type="text/javascript">
var banners = new Array("banner1", "banner2", "banner3");

window.onload = function()
{
	mudaBanner(banners[get_random()]);
}

function get_random()
{
	var ranNum = Math.floor(Math.random()*banners.length);
	return ranNum;
}

function mudaBanner(b)
{
	document.getElementById("banner").innerHTML = b;
	setTimeout('mudaBanner(banners[get_random()])', 1000);
}
</script>

<div id="banner"></div>

Fiz apenas com um texto como exemplo, mas para fazer com um banner é só definir as propriedades da tag <img>.

Não é exatamente o que você queria mas se ajudar.

Flws...
Até mais

[Stress]

paulo, também estou precisando, hehehe

mas aqui não rodou.

poderia me explicar direito por gentileza, onde ponho o endereço do banner e outros detalhes.

[Paulo André]

Ok.

Do jeto que está ele apenas "gira" o vetor escrevendo o valor que está no array na div. Nada de imagens, deixei isto para continuar por conta própria.

Com o banner mesmo, seria algo deste tipo:

<script type="text/javascript">var img_banners = new Array("banner_google.jpg", "banner_wmonline.jpg", "banner_youtube.jpg");var url_banners = new Array("http://www.google.com.br", "http://www.wmonline.com.br", "http://www.youtube.com.br");window.onload = function(){	mudaBanner(get_random());}function get_random(){	var ranNum = Math.floor(Math.random()*img_banners.length);	return ranNum;}function mudaBanner( pos ){	// Altera a imagem na propriedade src	document.getElementById("img_banner").src = img_banners[pos];	// Altera o link da propriedade href	document.getElementById("url_banner").href = url_banners[pos];	// Tempo de 1 segundo pra cada banner (1000)	setTimeout('mudaBanner(get_random())', 1000);}</script>

E a área do banner ficaria assim:

<a href="#" id="url_banner" target="_blank"><img id="img_banner" src="" border="0" /><br />Publicidade</a>

Basicamente você só teria que alterar o tempo de exibição de cada banner na função setTimeout e os vetores img_banners e url_banners com os endereços das imagens e endereço de destino respectivamente.

Testa ae e me diz, qualquer coisa estou ae.

Flws...
Até mais

[Stress]

obrigado, mas o tempo para mudar o banner não conseguir alterar

[Paulo André]

É onde está 1000 na função setTimeout() que coloquei como exemplo, no caso, 1 segundo.

É o tempo em milisegundos se eu não me engano.

Flws...
Até mais

[Pê-agá]

Primeiramente, ótimo código. ;]

Não sei se só eu percebi, mas a rotação das imagens têm intervalos não fixos? Mesmo eu tendo definido 2000 milisegundos, na próxima mudança ela acaba demorando mais ou, às vezes, menos. É essa a intenção?

Edição feita por: Pê-agá, 12/04/2008, 09:22.

[bimonti]

Não... o tempo é fixo ... o problema deve ser o tempo de carregamento das imagens...