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.