15/01/2011, 20:44
|
| | | Fecha de Ingreso: febrero-2009 Ubicación: Argentina, Santa Fe, Rosario
Mensajes: 305
Antigüedad: 15 años, 2 meses Puntos: 4 | |
| Respuesta: Fondo javascript cambiante
Cita:
Iniciado por fedu64  Buenas tardes, es la primera vez que escribo y espero que me puedan ayudar con mi duda. Tengo un codigo javascript el cual cambia de background cada vez que es refrescado y no ocupan de ancho toda la pantalla pero de alto se paso y eso que las imagenes miden 1200x800. Lo que me gustaria es que el background ocupe todo el fondo cambiando sin la necesidad de hacer refresh. Pongo mi codigo javascript para que observen que podria agregar o modificar para que sea posible:
<script language="javascript">
var banner= new Array()
banner[0]="recurso/back01.jpg"
banner[1]="recurso/back02.jpg"
banner[2]="recurso/back03.jpg"
banner[3]="recurso/back04.jpg"
banner[4]="recurso/back05.jpg"
banner[5]="recurso/back06.jpg"
banner[6]="recurso/back07.jpg"
var random=Math.floor(7*Math.random());
document.write("<style >");
document.write("body {");
document.write(' background: #000000 url("' + banner[random] + '") no-repeat left top; background-attachment:fixed; top: 0; left: 0;');
document.write(" }");
document.write("</style>");
</script>
Código:
<html>
<head>
<script type="text/javascript">
var im = false;
function cambiaImagen() {
tab = document.getElementById('body');
tab.style.background = (im = !im) ? 'url(imagen2.jpg)' : 'url(imagen1.jpg)';
}
</script>
</head>
<body onload="setInterval('cambiaImagen()',3000)" id="body" style="background:url(imagen1.jpg)>
Contenido
</body>
</html>
Intentá con eso |