[Resolvido] Banner randômico - links

[Carol Black 1]

Olá,

 

Preciso de ajuda no script de um banner randômico, se alguém souber me ajuda...?

 

Bom, ele fica em um include no canto esquerdo do site, e a cada vez que o site é atualizado, muda de página, a imagem do banner muda, só que eu precisava de colocar links nele.

 

Eu tentei e consegui colocar o link, mas só consegui mudar na variável, ficou um link universal para todas as imagens.

 

O que eu queria: que cada imagem teria que ir para uma categoria, quando aparecesse a "imagem1.jpg" e clicasse ela fosse para a "pagina1-categoria1.php", quando aparecesse a "imagem2.jpg" ela fosse para "pagina2-categoria2.php", e assim por diante, em 10 imagens.

 

Vou mandar o exemplo do script até onde eu consegui:

 

<script type="text/javascript">
var imgs = new Array(
"banner_randomico/imagem1.jpg", 
"banner_randomico/imagem2.jpg", 
"banner_randomico/imagem3.jpg",
"banner_randomico/imagem4.jpg",
"banner_randomico/imagem5.jpg",
"banner_randomico/imagem6.jpg",
"banner_randomico/imagem7.jpg",
"banner_randomico/imagem8.jpg",
"banner_randomico/imagem9.jpg",
"banner_randomico/imagem10.jpg"
);

function Images() {
var image = this.imgs[(Math.floor((Math.random() * imgs.length)))];
document.write('<a href="curiosidades-direito-de-ouvir.php"><img src="' + image + '" border="0"></a>');
}
</script>

 

Se puderem me ajudar ficarei muito grata!

Desculpem fazer perguntas bobas, sou iniciante em php. ;)

Thanks! /o/

[Dee 0]

Olha, eu tenho esse:

<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("dica_23_banner1.gif",
"dica_23_preview.htm",
"Banner 1",
10);
banners[1] = new banner("dica_23_banner2.gif",
"dica_23_preview.htm",
"Banner 2",
10);
banners[2] = new banner("dica_23_banner3.gif",
"dica_23_preview.htm",
"Banner 3",
10);
banners[3] = new banner("dica_23_banner4.gif",
"dica_23_preview.htm",
"Banner 4",
10);
banners[4] = new banner("dica_23_banner5.gif",
"dica_23_preview.htm",
"Banner 5",
10);
sum_of_all_chances = 0;
for (i = 0; i < banners.length; i++) {
sum_of_all_chances += banners[1].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[1].chance;
if (randomly_selected_chance <= chance_limit) {
document.write("<A HREF=" + banners[1].url + "><IMG SRC="'"" + banners[1].imgSource + "' WIDTH="468" HEIGHT="60" BORDER="0" ALT="'"" + banners[1].alt + "'></A>");
return banners[1];
break;
}
}
}
// End -->
</SCRIPT>

Dae você configura os banners desta maneira no script acima.

banners[0] = new banner("banner_baboo.gif",
"http://www.baboo.com.br",
"Ir para o BABOO",
10); 

E esse código você coloca aonde você quer que apareça o banner.

<script LANGUAGE="JavaScript">
<!--
this_banner = randomBanner();
-->
</SCRIPT>

[faael 0]

Olá, tudo certo?

 

Uma solução seria montar um array multidimensional e colocar o link junto, assim:

 

<script type="text/javascript">
var imgs = new Array(
["banner_randomico/imagem1.jpg", "pagina1-categoria1.php"], 
["banner_randomico/imagem2.jpg", "pagina2-categoria2.php"],
["banner_randomico/imagem3.jpg", "pagina3-categoria3.php"],
["banner_randomico/imagem4.jpg", "pagina4-categoria4.php"],
["banner_randomico/imagem5.jpg", "pagina5-categoria5.php"],
["banner_randomico/imagem6.jpg", "pagina6-categoria6.php"],
["banner_randomico/imagem7.jpg", "pagina7-categoria7.php"],
["banner_randomico/imagem8.jpg", "pagina8-categoria8.php"],
["banner_randomico/imagem9.jpg", "pagina9-categoria9.php"],
["banner_randomico/imagem10.jpg", "pagina10-categoria10.php"]
);

function Images() {
 var random = this.imgs[(Math.floor((Math.random() * imgs.length)))];
 var image =  random[0];
 var link = random[1];
 document.write('<a href="' + link + '"><img src="' + image + '" border="0"></a>');
}
</script>

E só um detalhe, não precisa de nenhum conhecimento sobre PHP para fazer isso, só javascript. ^^

[Carol Black 1]

Dee ,

 

nossa adorei o script que você me mandou! :)

 

Eu não usei ele no site pq teria que mudar muitas coisas... masss, deixei ele salvo aqui!

Muito bom mesmo vou estudar ele... valeu! ;)

 

 

 

faael ,

 

aah muito obrigada mesmo! funcionou certinho do jeito que eu queria! (Y)

fico te devendo essa! :P

 

Ah e desculpa a confusão ai, hoje vi tanto a palavra php que até para falar eu imagino a palavra echo antes da fala. /o/~

Nem lembrei de javascript. xD~~ /não sou muito boa em programação, eu gosto, mas frito a cabeça com isso/

 

Obrigada meeeesmoo!!! :)