Aqui abaixo tem um código para 4 banners rotativo contendo 4 imagens e links
Vc pode alterá-lo para mais ou menos imagens de acordo com sua preferência ou necessidade.
Pra vc inserir link e imagem substitua a parte que está destacada em vermelho e amarelo colocando o link, onde está escrito, LINK DO BANNER.
O link é aquele da página que vc quer redirecionar a pessoa quando clicar no banner.
Para inserir uma imagem copie o endereço da imagem e cole no lugar onde está escrito e destacado, ENDEREÇO DA IMAGEM, entre as aspas sem apagá-las.
Para alterar o tamanho da janela do banner, observe que há os números"120" e "60", que é o tamanho desse baner, entre aspas e para mudar você só tem que alterar esses números de acordo com as medidas de onde você vai inserir o banner.
Onde está destacado o número 10000, no fim do código é a velocidade que são mudadas as imagens do banner, podendo ser alterado para mais ou menos, para mudar a velocidade do banner.
Aqui abaixo está este código já alterado em seu tamanho e velocidade, funcionando, neste banner que você vê aqui.
Banner rotativo
|
|
Este é um banner real em funcionamento com link para um site, feito com este código abaixo.
Copie este código abaixo faça as mudanças necessária e aproveite.
Qualquer dúvida ou comentário deixe abaixo no fim desta página
Se você puder compartilhe este post pra me ajudar,ok!!
<title>Banner rotativo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
var ultimo=-1, dBanner;
function carrega(x) {dBanner=x;Banners()}
function Banners()
{
var MNews = new Array();
MNews[0]= '<A HREF="LINK DO BANNER" target="_blank"><IMG SRC="ENDEREÇO DA IMAGEM" WIDTH="120" HEIGHT="60" BORDER="0" ALT=""></a>';
MNews[1]= '<A HREF="LINK DO BANNER" target="_blank"><IMG SRC="ENDEREÇO DA IMAGEM" WIDTH="120" HEIGHT="60" BORDER="0" ALT=""></a>'
MNews[2]= '<A HREF="LINK DO BANNER" target="_blank"><IMG SRC="ENDEREÇO DA IMAGEM" WIDTH="120" HEIGHT="60" BORDER="0" ALT=""></a>'
MNews[3= '<A HREF="LINK DO BANNER" target="_blank"><IMG SRC="ENDEREÇO DA IMAGEM" WIDTH="120" HEIGHT="60" BORDER="0" ALT=""></a>'
while((Numero = parseInt(Math.random()*MNews.length))==ultimo);
dBanner.innerHTML=MNews[Numero];
setTimeout("Banners()",10000);
}
</script></head>
<body bgcolor="#FFFFFF" topmargin=0 leftmargin=0 text="#000000" onLoad=carrega(this.divBanner)>
<table width="120" border="0" cellspacing="0" cellpadding="0" height="60" bordercolor="#000000">
<tr>
<td>
<div align="center" id=divBanner></div>
</td>
</tr>
</table>
Nenhum comentário:
Postar um comentário