Philipe Cardoso Com 33 anos de idade, sou um carioca apaixonado por tecnologia e fotografia. Além de ser o criador do Portal Zoom Digital, que preserva sua essência desde os tempos em que era um blog, também sou um verdadeiro entusiasta e amante de todas as formas de tecnologia. Através do Portal, compartilho minha paixão pela tecnologia e trago as últimas novidades e tendências para os leitores. Também sou fascinado pelo mundo da fotografia, explorando o poder das imagens para capturar momentos únicos e transmitir histórias cativantes.

Background Randômico com JavaScript

1 min read

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.
Philipe Cardoso Com 33 anos de idade, sou um carioca apaixonado por tecnologia e fotografia. Além de ser o criador do Portal Zoom Digital, que preserva sua essência desde os tempos em que era um blog, também sou um verdadeiro entusiasta e amante de todas as formas de tecnologia. Através do Portal, compartilho minha paixão pela tecnologia e trago as últimas novidades e tendências para os leitores. Também sou fascinado pelo mundo da fotografia, explorando o poder das imagens para capturar momentos únicos e transmitir histórias cativantes.

3 Replies to “Background Randômico com JavaScript”

Deixe um comentário

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