21 de maio de 2007

Sistema de Banners Rotativos [JavaScript]

Há algum tempo eu estava procurando um sistema de Banners Rotativos e ainda não havia encontrado, mas graças à minha insistência eu achei um sistema feito em JavaScript bastante simples que altera o banner toda vez que a página é recarregada, clique no link para vê-lo:

Código do Banner_Rotativo

Para utilizá-lo em seu site ou blog faça o seguinte:
1 - Copie e cole o código em um editor de texto (Bloco de notas no Windows, Gedit/Kedit no Linux);
2 - Salve o arquivo com a extensão *.js (ex: banner_rotativo.js);
Depois disso abra a página do seu site e coloque a linha de código contida o link abaixo no local onde você quer que fique o banner:

Comando de chamada do Banner Rotativo


Fazendo as alterações necessárias:
Na linha:

" numero_de_imagens = 2 "

Altere o 2 para a quantidade de imagens desejada;
Ao adicionar mais imagens deverão ser adicionados, também, mais blocos if(numero == n){...}, alterando o valor de n em sequência.

No bloco:

if (numero == n){
banner = "banner_n.png"
link = "http://www.link-n.com"
alvo = "out"
texto= "Banner_n"
}

Altere:
" banner = "banner_n.png" " colocando o caminho da imagem;
" link = "http://www.link-n.com" " colocando o link para onde será redirecionado;
" texto= "Banner_n" " colocando o texto que irá aparecer ao passar o mouse por cima do banner;

3 comentários:

Pondexter disse...

Putz... Estava procurando por isso mesmo.
faz tempo que vc postou isso, mas mesmo assim vale o comentário.
Valeu!!!
E o design de seu Blog é muito bonito, parabéns!!!

Paulo Victor disse...

LINK FALIU ! PRECISO URGENTE DESSE CODIGO !

Guia do Host disse...

Muito legal o seu site
-------------------------
Conheçam o site de dicas, códigos e hospedagem www.guiadohost.com