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:
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!!!
LINK FALIU ! PRECISO URGENTE DESSE CODIGO !
Muito legal o seu site
-------------------------
Conheçam o site de dicas, códigos e hospedagem www.guiadohost.com
Postar um comentário