30 de junho de 2009

Como exibir imagens diferentes a cada a atualização de página

No Geralidades da Vida tem um espaço para banners onde são mostrados aleatoriamente a cada atualização de página. Não entendeu? Aperte F5 no seu teclado e veja.

Gostaria de fazer isso em seu blog?

Copie o seguinte código

<script language="JavaScript">
var quotes=new Array()
quotes[0]='<a target="_blank" href="URL do site" title="Título do site"><img alt="Título do imagem" src="Endereço da imagem"></a>'
var whichquote=Math.floor(Math.random()*(quotes.length))
document.write(quotes[whichquote])
</script>

Substitua o que estiver em vermelho de acordo com suas necessidades.

Lembre-se que a imagem deve estar hospedada em algum site. Eu aconselho Imageshack.

Caso queira mais de uma imagem dentro do código basta repetir a linha quotes alterando somente a sua numeração [x]. Se não quiser apontar para um site retire a seguinte linha

<a target="_blank" href="URL do site" title="Título do site">

E o final

</a>

Devendo ficar assim

<script language="JavaScript">
var quotes=new Array()
quotes[0]='<img alt="Título do imagem" src="Endereço da imagem">'
var whichquote=Math.floor(Math.random()*(quotes.length))
document.write(quotes[whichquote])
</script>

Na edição do Layout clique em Elementos de página > Adicionar um Gadget > Html/JavaScript e cole o código. Visualize a página e veja como ficou.

Talvez você não queira exibir imagens e sim frases. Segue o código:

<script language='JavaScript'>
var quotes=new Array()
quotes[0]=’ESCREVA A FRASE QUE QUISER
var whichquote=Math.floor(Math.random()*(quotes.length))
document.write(quotes[whichquote])
</script>

Siga os mesmos passos do código anterior alterando ou adicionando linhas conforme a necessidade.

Para ver como ficou aqui mesmo no post aperte F5 no seu teclado.

3 Comentários:

Du Santana disse...

Que inusitado isso.

pra um cara que não entende nada de internet computador bill gate e google como eu. isso é coisa de outro mundo.

Sou blogueiro - INDICOESSE disse...

Oii Marco, estou preparando entao um banner desse tamanho! Espero que até final de semana fique pronto! Obrigado!

Ótima quarta!

kikinhah disse...

Nossa que show... Eu não conhecia isso.
Eu vou fazer no meu blog...
Tenho umas idéias até de como vou aproveitar essa novidade!
Parabéns pelo blog, e com certeza vou seguí-lo!
Sucesso.
BjOs^^

Postar um comentário

Deixe a sua opinião. Comente!