Ir para conteúdo

POWERED BY:

Arquivado

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

johngrass

Qual O Melhor Script Para Banner Rotativo?!

Recommended Posts

Qual o melhor script para banner rotativo?!

 

Bom, estava precisando de outro código do script para usar em meu fórum e meu site, pois tenho anunciantes pagos e sempre que noto, ta la se destacando mais do que os que compram os anúncios.

 

WMONLINE - HOSTBR - GOOGLE

 

Então precisava de um que não aparece e pudesse enviar aos anunciantes por email as estatísticas.

 

Digamos o que vcs usam aqui no fórum, qual que seria?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso se chama Banner Randômico, eu ensinarei no Curso de Webdesigner que vou dar no site http://www.webmaniabr.com.br, eu ensinarei Dreamweaver + Fireworks + Flash + Photoshop + PHP/Mysql por apenas R$70,00 (única parcela) , 98% das aulas em vídeos.

 

A conseguir um tempinho, vamos aprender então.

 

Aqui a baixo segue o script todo (eu coloquei em PHP porque fica colorido igual ao Dreamweaver, mais fácil de esplicar):

 

PHP [/tr][tr]

 

script que você vai colar onde você quer que apareça os banners.

 

 

<script LANGUAGE="JavaScript">

<!--

this_banner = randomBanner();

-->

</SCRIPT>

 

 

 

Script q você vai copiar dentro da tag <Head>

 

<script LANGUAGE="javascript">

<!--

function banner(imgSource,url,alt,chance) {

this.imgSource = imgSource;

this.url = url;

this.alt = alt;

this.chance = chance;

}

function dispBanner() {

with (this) document.write("<A HREF=" + url + "><IMG SRC='" + imgSource + "' WIDTH=468 HEIGHT=60 BORDER=0 ALT='" + alt + "'></A>");

}

banner.prototype.dispBanner = dispBanner;

banners = new Array();

 

banners[0] = new banner("BANNERS/webmaniabr.gif",

"http://www.webmaniabr.com.br"

"WebManiaBR

30);

 

banners[1] = new banner("

BANNERS/tugasp.gif",

"

http://www.tugasp.com.br",

"

TugaSP",

10);

 

banners[2] = new banner("

BANNERS/imasters.gif",

"

http://www.imasters.com.br",

"

Imasters",

50);

 

banners[3] = new banner("

BANNERS/mastermania.gif",

"

http://www.webmaniabr.com.br/masters",

"

MastersManiaBR",

80);

 

sum_of_all_chances = 0;

for (i = 0; i < banners.length; i++) {

sum_of_all_chances += banners[i].chance;

}

function randomBanner() {

chance_limit = 0;

randomly_selected_chance = Math.round((sum_of_all_chances - 1) * Math.random()) + 1;

for (i = 0; i < banners.length; i++) {

chance_limit += banners[i].chance;

if (randomly_selected_chance <= chance_limit) {

document.write("<A HREF=" + banners[i].url + "><IMG SRC='" + banners.imgSource + "' WIDTH=468 HEIGHT=60 BORDER=0 ALT='" + banners.alt + "'></A>");

return banners[i];

break;

}

}

}

// End -->

</SCRIPT>

[/tr]

 

 

Crie uma pasta para seus banner no exemplo está a pasta "BANNERS", e coloque somente .GIF .

Agora abra o seu site abra a página inicial, como padrão a "index". Vá em modo CODE e entre a TAG <HEAD> E </HEAD> coloque este script:

 

PHP [/tr][tr]

<script LANGUAGE="javascript">

<!--

function banner(imgSource,url,alt,chance) {

this.imgSource = imgSource;

this.url = url;

this.alt = alt;

this.chance = chance;

}

function dispBanner() {

with (this) document.write("<A HREF=" + url + "><IMG SRC='" + imgSource + "' WIDTH=468 HEIGHT=60 BORDER=0 ALT='" + alt + "'></A>");

}

banner.prototype.dispBanner = dispBanner;

banners = new Array();

 

banners[0] = new banner("BANNERS/webmaniabr.gif",

"http://www.webmaniabr.com.br"

"WebManiaBR

30);

 

banners[1] = new banner("

BANNERS/tugasp.gif",

"

http://www.tugasp.com.br",

"

TugaSP",

10);

 

banners[2] = new banner("

BANNERS/imasters.gif",

"

http://www.imasters.com.br",

"

Imasters",

50);

 

banners[3] = new banner("

BANNERS/mastermania.gif",

"

http://www.webmaniabr.com.br/masters",

"

MastersManiaBR",

80);

 

sum_of_all_chances = 0;

for (i = 0; i < banners.length; i++) {

sum_of_all_chances += banners[i].chance;

}

function randomBanner() {

chance_limit = 0;

randomly_selected_chance = Math.round((sum_of_all_chances - 1) * Math.random()) + 1;

for (i = 0; i < banners.length; i++) {

chance_limit += banners[i].chance;

if (randomly_selected_chance <= chance_limit) {

document.write("<A HREF=" + banners[i].url + "><IMG SRC='" + banners.imgSource + "' WIDTH=468 HEIGHT=60 BORDER=0 ALT='" + banners.alt + "'></A>");

return banners[i];

break;

}

}

}

// End -->

</SCRIPT>

[/tr]

 

 

VAMOS ENTENDER UM POUCO SOBRE ESTE SCRIPT

 

Vamos aprender somente está parte do Script:

 

PHP [/tr][tr]

banners[0] = new banner("BANNERS/webmaniabr.gif",

"http://www.webmaniabr.com.br"

"WebManiaBR

30);

 

banners[1] = new banner("

BANNERS/tugasp.gif",

"

http://www.tugasp.com.br",

"

TugaSP",

10);

 

banners[2] = new banner("

BANNERS/imasters.gif",

"

http://www.imasters.com.br",

"

Imasters",

50);

 

banners[3] = new banner("

BANNERS/mastermania.gif",

"

http://www.webmaniabr.com.br/masters",

"

MastersManiaBR",

80);

[/tr]

 

 

1º Você sempre tem que colocar "0 , 1 ,2 ,3 ,4 , 5" que são os números dos banners

2º Para adicionar mais um banner marque um "banners" e duplique ele, com isso coloque o número dele 4 ou o próximo do anterior, veja o exemplo:

 

PHP [/tr][tr]

banners[0] = new banner("BANNERS/webmaniabr.gif",

"http://www.webmaniabr.com.br"

"WebManiaBR

30);

 

banners[1] = new banner("

BANNERS/tugasp.gif",

"

http://www.tugasp.com.br",

"

TugaSP",

10);

 

banners[2] = new banner("

BANNERS/imasters.gif",

"

http://www.imasters.com.br",

"

Imasters",

50);

 

banners[3] = new banner("

BANNERS/mastermania.gif",

"

http://www.webmaniabr.com.br/masters",

"

MastersManiaBR",

80);

 

banners[4] = new banner("

BANNERS/fulano.gif",

"

http://www.fulano.com.br",

"

Fulano",

80);

 

[/tr]

 

 

Vamos entender mais sobre as:

 

PHP [/tr][tr]

banners[4] = new banner("BANNERS/fulano.gif",

"http://www.fulano.com.br",

"Fulano",

80);

[/tr]

 

1ª Linha - Na primeira linha possui a seguinte descrição "banners[4] = new banner("BANNERS/fulano.gif"," o número significa o número do Banner e o "('BANNERS/fulano.gif')" significa a pasta aonde está o BANNER.

 

2ª Linha - Na segunda linha você coloca o link do seu BANNER.

 

3ª Linha - Nesta parte coloque o nome do Banner, caso aconteça de não aparecer para alguém o BANNER, pelo menos aparecerá o NOME.

 

4ª Linha - Na quarta linha você coloca a frequencia para aparecer o BANNER, quanto menor o valor menos irá aparecer.

 

 

Para deletar somente apague um dos "banners".

 

 

 

APÓS VOCÊ AJUSTAR O SCRIPT

 

Após você ajusta todo o script entre a tag <READ> </READ> podemos continuar.

 

Vamo no modo de gráfico do Dreamweaver, clique na tabela que você fez para aparecer os seus BANNERS, novamente vá para o modo de CODE.

 

Agora poderá aparecer um nome em preto negrito, apague ele e coloque a seguinte parte do script:

 

PHP [/tr][tr]

<script LANGUAGE="JavaScript">

<!--

this_banner = randomBanner();

-->

</SCRIPT>

[/tr]

 

Pronto agora é só testar!!!

 

BOA SORTE http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

 

Qualquer dúvida:

 

E - mail : suporte@webmaniabr.com.br

MSN Messenger : suporte@webmaniabr.com.br

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.