Foros del Web - Ver Mensaje Individual

emprear · #3 (**permalink**) 13/09/2011, 08:01

Me parece que esto se adapta mejor a lo que necesitas, simplemente cambia el background-image del body

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cambiar background aleatoriamente cada n segundos</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/* definimos un background por defecto */
body {
background-image: url('sfondo01.jpg');
}
</style>
<script type="application/javascript">
// aqui definis la lista de imágenes
var fondos = ['sfondo01.jpg', 'sfondo02.gif', 'sfondo03.jpg', 'sfondo04.jpg'];
var fondo_actual = 0;
// aqui hacemos la rotación
var CambiarFondo = function(){
if (fondo_actual == fondos.length) fondo_actual = 0;
document.body.style.backgroundImage = 'url('+ fondos[fondo_actual++]+ ')';
}
//aqui definís el tiempo en milisegundos
window.setInterval(CambiarFondo, 3000); 
</script>
</head>
<body>
<h1>Cambiar background aleatoriamente cada n segundos</h1>
</body>
</html>

demo:

http://foros.emprear.com/jsdemo/rota...torotarbg.html

saludos