Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Léo R.

Banner Giratorio

Recommended Posts

Sou afiliado de vários sites (Submarino, Dell, Americanas, Google, Uol) e preciso criar um sistema de banners giratorios sem que eu precise alterar os codigos disponibilizado por eles (pq isso é quebra de contrato e estes codigos possuem Javascript). Acho que o modo mais facil para isso é utilizar Iframe.

 

Como faço um sistema com estas descrições???

 

Me ajudem!!!

 

 

 

Conheça o meu blog... Tenho certeza que vocês não teram motivos para não votar nele no Prêmio Ibest 2008!

 

Acessem: http://xgeek.zip.net

 

Imagem PostadaEstamos no Prêmio iBest 2008... Vote Aqui!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Banner Giratório

 

1. Primeiramente crie uma pasta onde serão armazenados os arquivos necessários para a criação do sistema de banners.

 

2. Copie para esta pasta todos os banners que você criou e o seu site.

 

3. Crie um arquivo JS : é nele que serão armazenadas as informações sobre a localização dos banners e seus respectivos links.

 

 

4. Copie as linhas abaixo para o seu arquivo, você deverá alterar os campos imagem1, 2, 3, 4... e link1, 2, 3... para o nome correto.

 

Ex.: Em imagem1 você poderia colocar Nome da imagem.gif, e em link1 você colocar o nome do link se for entre paginas do seu site começe por www. mas se for para outros sites começe por http:/www.

 

var max = 10;

var nrImages = 6;

function makeImages() {

this[0] = "imagem1.gif";

this[1] = "imagem2.gif";

this[2] = "imagem3.gif";

this[3] = "imagem4.gif";

this[4] = "imagem5.gif";

this[5] = "imagem6.gif";

this.length = nrImages;

}

function makeLinks() {

this[0] = "http://www.link1.com.br";

this[1] = "http://www.link2.com.br";

this[2] = "http://www.link3.com.br";

this[3] = "http://www.link4.com.br";

this[4] = "http://www.link5.com.br";

this[5] = "http://www.link6.com.br";

this.length = nrImages;

 

}

var vetImages = new makeImages();

var vetLinks = new makeLinks();

var x = Math.round(Math.random()*max);

var y = max / nrImages;

for(var cont = 1;cont*y<= max;cont++) {

if (x <= (cont*y)) {

document.write("<a href="+vetLinks[cont-1]+" target=_blank><img src="+vetImages[cont-1]+" border=0></a>");

break;

}

}

 

Obs.: Caso queira aumentar ou diminuir o número de banners altere o campo var nrImages = 6, com o número de banners correto e exclua ou adicione campos this[n]...

 

5. Depois de preencher o arquivo com todas as informações necessárias adicione as seguintes linhas no código do seu site:

 

<script language="JavaScript" src="seu arquivo JavaScript.js"></script>

 

6. Desta maneira, o banner alternará toda vez que a página for atualizada. Confira abaixo o resultado final, atualize a página para ver um outro banner aparecer : )

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu... Mas eu já conhecia este método...

 

O meu problema é que não posso alterar os codigos Javascipt dado pelo programa de afiliados.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu... Mas eu já conhecia este método...

 

O meu problema é que não posso alterar os codigos Javascipt dado pelo programa de afiliados.

Desculpa, mão ter ajudado mas só sei fazer assim, não conheço outra forma

Antonio Angelo

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.