Mudar Imagem a Cada Atualização da Página


Esse Scrip é prá quem gosta de ver vários banners em seu blog, sempre mudando a cada atualização da página.


Vá em Layout => Adicionar um Gadget => HTML/JavaScript






<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Imagem rotativa</title>
<script type="text/javascript">
window.onload = function() {
 listaImagens = new Array();
 listaImagens[0] = "imagens/logo-um.jpg";
 listaImagens[1] = "imagens/logo-dois.jpg";
 listaImagens[2] = "imagens/logo-tres.jpg";
 listaImagens[3] = "imagens/logo-quatro.jpg";
var quantidadeImagens = listaImagens.length;
var imagemIndice = Math.floor(Math.random( ) * quantidadeImagens);
var imagem = document.createElement('img');
var topo = document.getElementById('topo');
var alvo = topo.appendChild(imagem);
  alvo.setAttribute('src', listaImagens[imagemIndice])
}
</script>
</head>
<body>
<div id="topo"></div>
</body>
</html>
Se você aumentar o número de links aumente o numero de textos abaixo:

Ex: listaImagens[4] = "imagens/logo-cinco.jpg"; e assim por diante.

Se colocar mais um link altere o numero de texto = 3
para numero de texto = 4

( ) * quantidadeImagens - coloque quantas imagens voce quer que apareça

Nenhum comentário:

Postar um comentário