Javascritp para rotacionar Banners

O seguinte cdigo capaz de rotacionar banners em qualquer quantidade e em qualquer

dimenso. Basta apenas que voc faa pequenas alteraes para adapt-lo ao seu site.
<script language="JavaScript">
var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="http://www.criarsites.com";
alt="Dicas para Webmasters";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-sites.gif";
width="468";
height="60";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_parent\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>
Como alterar
Repare que eu marquei com cores as partes do cdigo que deve ser alteradas antes de voc
colocar em seu site.
Vermelho Endereo para onde o visitante ser levado aps clicar no banner.
Azul Nome do site ou algo que o descreva.
Marrom Endereo completo de onde est o banner.
Verde Dimenses dos banners em pixels.
Lils Se quiser que o link abra na mesma pgina, altere este parmetro para parent
<script language="JavaScript">

var how_many_ads = 2;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="http://www.criarsites.com";
alt="Dicas para Webmasters";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-sites.gif";
width="468";
height="60";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>
Adicionando um novo Banner
Para adicionar um novo banner copie o seguinte cdigo do script e adicione logo aps a
chave }
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
Ele ficar da seguinte forma

<script language="JavaScript">
var how_many_ads = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="http://www.criarsites.com";
alt="Dicas para Webmasters";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-sites.gif";
width="468";
height="60";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
if (ad==3) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>
Repare que ao adicionar outros banners, voc necessita de alterar os nmeros marcados em
azul e vermelho acima, na ordem que mostrada.
Se quiser adicionar 10 banners, ter que inserir os cdigos referentes aos banners, alterar
o nmero marcado em azul para 10, e alterar o valor de cada banner na ordem crescente.

Confira como ficaria o script rotacionando 6 banners.

<script language="JavaScript">
var how_many_ads = 6;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
txt="";
url="http://www.criarsites.com";
alt="Dicas para Webmasters";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-sites.gif";
width="468";
height="60";
}
if (ad==2) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
if (ad==3) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
if (ad==4) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
if (ad==5) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}

if (ad==6) {
txt="";
url="http://www.criarblog.com";
alt="Dicas para Criar Blogs";
banner="http://www.criarsites.com/wp-content/uploads/2008/05/criar-blog.gif";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</script>
Voc pode conferir este script em funcionamento no site www.criarsites.com/
Autor do Script Desconhecido - Tutorial criado por Celso Lemes