Entrar | Registrar | FAQ
Anonymous

Banner em página

+ Postar uma resposta

4 Mensagens Página 1 de 1


Banner em página

por Marcos Lourelli » Sáb Jun 25, 2011 7:17 pm

Olá, sou novo por aqui.
Adicionei um banner em minha página. Finalidade: captar anunciantes. Como funciona: Se, por exemplo, tenho 05 anunciantes, seu logotipo e dados aparecerá por aproxim. 05 segundos. Após esse tempo, apaga ele e aparece outro, e assim sucessivamente, um após o outro (eta redundância!!). O que preciso: que o usuário clique no banner do anunciante de seu interesse e seja re-direcionado para a página do anunciante. Problema: não sei usar comandos para redirecionar para endereços em conformidade com o banner clicado, tipo: www.aaa.com.br para cliente A; www.bbb.com.br para cliente B; www.ccc.com.br para cliente C.
Alguem consegue me orientar como condicionais para o caso exposto??
Avatar de usuário

Marcos Lourelli

  • Mensagens: 9
  • Data de registro: Dom Jun 12, 2011 3:16 pm

Re: Banner em página

por HTML.net » Dom Jun 26, 2011 8:35 am

Acho que este javascript pode ajudá-lo:

http://mwganson.freeyellow.com/Java4Free/RotatorScript/

- Andreas, HTML.net
Avatar de usuário

HTML.net
Site Admin

  • Mensagens: 1194
  • Data de registro: Sáb Set 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.

Re: Banner em página

por Marcos Lourelli » Dom Jun 26, 2011 3:03 pm

Mesmo com sua sugestão, não consegui fazê-lo, porque tem algumas coisas que não domino. Principalmente porque a rotina que escrevi foi copiada de um página que dá dicas e modelos. Se quizer tentar solucionar, alha aí o que fiz.


<html>
<head>

<script language="JavaScript">
function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; }}function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; }} function mClk(src) { if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} }
</script>
</HEAD>
<body>
<form>
<SCRIPT LANGUAGE="JavaScript">
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
//Pode criar variaveis para usar mais de uma vez
<!-------------IMAGENS DE PATROCINADORES (para testar, troque imagemP1 a imagemP4 por banner do seu arquivo------>
var imagemP1 = "patroc/patroc01.jpg";
var imagemP2 = "patroc/patroc02.jpg";
var imagemP3 = "patroc/Patroc03.jpg";
var imagemP4 = "patroc/Patroc04.jpg";
<!-------------BANNER DE PATROCINADORES------>
bannerAD[0]=imagemP1;// ou digitar diretamente em cada item o nome da imagem
bannerADlink[0]="";
bannerAD[1]=imagemP2;
bannerADlink[1]="";
bannerAD[2]=imagemP3;
bannerADlink[2]="";
bannerAD[3]=imagemP4;
bannerADlink[3]=""
<!-------------------------------------->

var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];}
function setTransition(){if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*30);
bannerADrotator.filters.revealTrans.apply();}
}
function playTransition(){if (document.all)
bannerADrotator.filters.revealTrans.play()}
function nextAd(){if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);}
<!---acima determina-se o tempo de permanencia do quadro-->
function jump2url(){jumpUrl=bannerADlink[adNum];
jumpTarget='_self';
if (jumpUrl != ''){if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;}
}
function displayStatusMsg() {status=bannerADlink[adNum];
document.returnValue = true;}
</script>
</form>

<table width=78% name="umg1" align="center" border="0" bordercolor="WHITE" cellspacing=0 cellpading=2 rules="none">
<tr>
<td>
<!----------------TABELAS ENCERRADAS------->
<table name="dois" width=100% align="right" border=0 rules='none' height=50>
<tr>
<td ALIGN="left" colspan=1><a target='_blank' href="http://www1.caixa.gov.br/popup/Home/popup_home_9.asp"><img border=1 src="banner/minhacasa.bmp" width=100 height=70></td>
<td width=400 height=55 colspan=2 border=0 style="background-repeat:no-repeat;"><div style="top: 90% align="center"><font size=2 face=arial color="#8B5A00"></div></td>
<td colspan=1 width=50><font face="arial black" size=1> Para anunciar<br> clique aqui</td>
<td BGCOLOR='transparent' colspan=1>
<!------duration=0 troca quadros, se >0 troca com efeito // translation determina o tempo de visualisaçao do primeiro quadro principal-->


<BANNERAD><img src="banner/P1101.gif" name="bannerADrotator" style="filter:revealTrans(duration=0,transition=100)" border=1 width="465" height="60"</td>
</tr>
<script language="JavaScript">nextAd()

</script>
</BANNERAD></td>
</tr>
<td><br><br><br></td>
</tr>
</table "dois"></td>
</body>
</html>
Avatar de usuário

Marcos Lourelli

  • Mensagens: 9
  • Data de registro: Dom Jun 12, 2011 3:16 pm

Re: Banner em página

por Marcos Lourelli » Dom Jun 26, 2011 3:06 pm

Marcos Lourelli escreveu:Mesmo com sua sugestão, não consegui fazê-lo, porque tem algumas coisas que não domino. Principalmente porque a rotina que escrevi foi copiada de um página que dá dicas e modelos. Se quizer tentar solucionar, alha aí o que fiz.

O que preciso: Como os banners aparecem automaticamente a cada espaço de tempo, preciso direcionar para cada endereço ao clicar em cada um.

<html>
<head>

<script language="JavaScript">
function mOvr(src,clrOver) { if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; }}function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; }} function mClk(src) { if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} }
</script>
</HEAD>
<body>
<form>
<SCRIPT LANGUAGE="JavaScript">
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
//Pode criar variaveis para usar mais de uma vez
<!-------------IMAGENS DE PATROCINADORES (para testar, troque imagemP1 a imagemP4 por banner do seu arquivo------>
var imagemP1 = "patroc/patroc01.jpg";
var imagemP2 = "patroc/patroc02.jpg";
var imagemP3 = "patroc/Patroc03.jpg";
var imagemP4 = "patroc/Patroc04.jpg";
<!-------------BANNER DE PATROCINADORES------>
bannerAD[0]=imagemP1;// ou digitar diretamente em cada item o nome da imagem
bannerADlink[0]="";
bannerAD[1]=imagemP2;
bannerADlink[1]="";
bannerAD[2]=imagemP3;
bannerADlink[2]="";
bannerAD[3]=imagemP4;
bannerADlink[3]=""
<!-------------------------------------->

var preloadedimages=new Array();
for (i=1;i<bannerAD.length;i++){preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];}
function setTransition(){if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*30);
bannerADrotator.filters.revealTrans.apply();}
}
function playTransition(){if (document.all)
bannerADrotator.filters.revealTrans.play()}
function nextAd(){if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);}
<!---acima determina-se o tempo de permanencia do quadro-->
function jump2url(){jumpUrl=bannerADlink[adNum];
jumpTarget='_self';
if (jumpUrl != ''){if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;}
}
function displayStatusMsg() {status=bannerADlink[adNum];
document.returnValue = true;}
</script>
</form>

<table width=78% name="umg1" align="center" border="0" bordercolor="WHITE" cellspacing=0 cellpading=2 rules="none">
<tr>
<td>
<!----------------TABELAS ENCERRADAS------->
<table name="dois" width=100% align="right" border=0 rules='none' height=50>
<tr>
<td ALIGN="left" colspan=1><a target='_blank' href="http://www1.caixa.gov.br/popup/Home/popup_home_9.asp"><img border=1 src="banner/minhacasa.bmp" width=100 height=70></td>
<td width=400 height=55 colspan=2 border=0 style="background-repeat:no-repeat;"><div style="top: 90% align="center"><font size=2 face=arial color="#8B5A00"></div></td>
<td colspan=1 width=50><font face="arial black" size=1> Para anunciar<br> clique aqui</td>
<td BGCOLOR='transparent' colspan=1>
<!------duration=0 troca quadros, se >0 troca com efeito // translation determina o tempo de visualisaçao do primeiro quadro principal-->


<BANNERAD><img src="banner/P1101.gif" name="bannerADrotator" style="filter:revealTrans(duration=0,transition=100)" border=1 width="465" height="60"</td>
</tr>
<script language="JavaScript">nextAd()

</script>
</BANNERAD></td>
</tr>
<td><br><br><br></td>
</tr>
</table "dois"></td>
</body>
</html>
Avatar de usuário

Marcos Lourelli

  • Mensagens: 9
  • Data de registro: Dom Jun 12, 2011 3:16 pm


+ Postar uma resposta

Página 1 de 1