Vous êtes sur la page 1sur 5

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

Vous aimerez peut-être aussi