Background Randômico com JavaScript

Brasil é o país com mais solicitações para retirada de sites da busca
21/09/2010
Nasce a Zoom Serviços, empresa gestora de conteúdo Web
23/09/2010

Background Randômico com JavaScript

Você que tem um site ou desenvolve já deve ter pensado como é que o Bing faz? Hoje mostro uma solução bem eficaz!

Você que tem um site ou desenvolve já deve ter pensado como é que o Bing faz? Hoje mostro uma solução bem eficaz! Creio que será bem fácil para os avançados e os amadores! Entre <head> e </head> do seu site adicione o seguinte código:
<script language="JavaScript">
<!-- Activate cloaking device
var randnum = Math.random();
var inum = 4;
// Change this number to the number of images you are using.
var rand1 = Math.round(randnum * (inum-1)) + 1;
images = new Array
images[1] = "zebra.jpg"
images[2] = "tiler3.jpg"
images[3] = "wicker3.jpg"
images[4] = "aaa4.jpg"
// Ensure you have an array item for every image you are using.
var image = images[rand1]
// Deactivate cloaking device -->
</script>
<script language="JavaScript"><!-- Activate cloaking devicevar randnum = Math.random();var inum = 4;// Change this number to the number of images you are using.var rand1 = Math.round(randnum * (inum-1)) + 1;images = new Arrayimages[1] = "zebra.jpg"images[2] = "tiler3.jpg"images[3] = "wicker3.jpg"images[4] = "aaa4.jpg"// Ensure you have an array item for every image you are using.var image = images[rand1]// Deactivate cloaking device --></script> Esse script te dá direito a quatro imagens caso queira adicionar mais imagens edite o script. Para modificar ás imagens já existentes procure por:
images[1] = "zebra.jpg"
images[2] = "tiler3.jpg"
images[3] = "wicker3.jpg"
images[4] = "aaa4.jpg"
e mude o que estiver entre "Aspas" para o endereço de sua imagem.
Salve. Você ainda não deve ver nenhuma modificação. Para isto agora abaixo de <body> adicione:
<script language="JavaScript">
<!-- Activate cloaking device
document.write('<body background="' + image + '" text="white">')
// Deactivate cloaking device -->
</script>
salve e veja tudo funcionando!
Obs: não deverá funcionar em alguns CMS's.
zoomdigital
zoomdigital
O Zoom Digital é um portal de tecnologia criado em 2008 e a 6 anos no mercado se consolidou como um dos maiores portais de tecnologia brasileiro.

3 Comentários

  1. Haroldo disse:

    Aqui não funcionou.

  2. Adriano disse:

    Não funcionou!

  3. erick disse:

    olha, tentei de tudo eu acho, mais esse script n rolou =/

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *