All for Joomla All for Webmasters

Portal randômico II

Esse portal é mais fácil que o primeiro que eu ensinei e além de tudo você só vai precisar de uma página.

O script é do forumeiros.com, deste tópico. Obrigada!

1. Faça os seus portais, lembrando que se você for mapear eles, os links de cada portal devem estar TODOS no mesmo lugar em TODAS as imagens. Tipo os meus portais.

2. Depois, edite o seguinte código:

BAIXE AQUI O CÓDIGO

3. Nos links das imagens você coloca os links das devidas imagens que você hospedou. E claro, se você quiser colocar mais imagens, é só fazer isso:

<script language=”JavaScript”>
<!–
var myimages=new Array()
myimages[0]=”http://seublog.com/images0.png”
myimages[1]=”http://seublog.com/images1.png”
myimages[2]=”http://seublog.com/images2.png”
myimages[3]=”http://seublog.com/images3.png”
myimages[4]=”http://seublog.com/images4.png”
myimages[5]=”http://seublog.com/images5.png”
myimages[6]=”http://seublog.com/images6.png”
myimages[7]=”http://seublog.com/images7.png”
myimages[8]=”http://seublog.com/images8.png”
myimages[9]=”http://seublog.com/images9.png”
myimages[10]=”http://seublog.com/images10.png”

var ry=Math.floor(Math.random()*myimages.length)
document.write(‘<img src=”‘+myimages[ry]+'” class=”img_random” alt=””></a>’)
//–>
</script>

E assim por diante… fácil, né?

4. Para linkar o portal inteiro, como eu faço, é só você usar o código dessa forma:

<script language=”JavaScript”>
<!–
var myimages=new Array()
myimages[0]=”http://seublog.com/images0.png”
myimages[1]=”http://seublog.com/images1.png”
myimages[2]=”http://seublog.com/images2.png”
myimages[3]=”http://seublog.com/images3.png”
var ry=Math.floor(Math.random()*myimages.length)
document.write(‘<a href="http://seublog.com"><img src=”‘+myimages[ry]+'” class=”img_random” alt=””></a>‘)
//–>
</script>

5. Para usar o portal de forma mapeada, você mapeia UMA imagem e depois cola o código do mapeamento no HTML, mais ou menos assim:

/******** exemplo de mapeamento *********/

<map name="FPMap0"><area href="http://seublog.com"
shape="rect"
coords="11, 442, 290, 498"></map>

/******* fim do exemplo ***************/

<script language=”JavaScript”>
<!–
var myimages=new Array()
myimages[0]=”http://seublog.com/images0.png”
myimages[1]=”http://seublog.com/images1.png”
myimages[2]=”http://seublog.com/images2.png”
myimages[3]=”http://seublog.com/images3.png”
var ry=Math.floor(Math.random()*myimages.length)
document.write(‘<a href="http://seublog.com"><img src=”‘+myimages[ry]+'” class=”img_random” alt=”” usemap=”#FPMap0″></a>’)
//–>
</script>

ATENÇÃO: Não esqueça de colocar o usemap=”#FPMap0″ (em negrito) se não, o mapeamento não funciona.

Cole o código que você editou normalmente no seu HTML, entre <body> e </body>, onde está a estrutura do HTML.

Espero que tenha sido útil (: