Foros del Web » Programando para Internet » Javascript »

Cambio de fondo dinamico

Estas en el tema de Cambio de fondo dinamico en el foro de Javascript en Foros del Web. Hola tengo un excelente javascript para que el fondo mi web cambie automáticamente cada que sea actualizada, pero tengo algo que no he sido capaz ...
  #1 (permalink)  
Antiguo 09/01/2013, 21:19
 
Fecha de Ingreso: enero-2013
Mensajes: 1
Antigüedad: 11 años, 3 meses
Puntos: 0
Cambio de fondo dinamico

Hola tengo un excelente javascript para que el fondo mi web cambie automáticamente cada que sea actualizada, pero tengo algo que no he sido capaz de que la imagen de fondo no se repita para poder aplicar un Css ya que la idea es agregar que ubique cierto contenido, aquí les dejo el código y ojala puedan colaborar (soy novato)

Código:
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Cambiar fondo de p�gina con javascript &bull; by Alfredo Gonz�lez P.</title>

<script type="text/javascript">
fondos = new Array();
fondos[0] = "images/1.jpg";
fondos[1] = "images/2.jpg";
fondos[2] = "images/3.jpg";
fondos[3] = "images/4.jpg";
fondos[4] = "images/5.jpg";
fondos[5] = "images/6.jpg";
fondos[6] = "images/7.jpg";
fondos[7] = "images/8.jpg";
fondos[8] = "images/9.jpg";
fondos[9] = "images/10.jpg";
fondos[10] = "images/11.jpg";
fondos[11] = "images/12.jpg";
fondos[12] = "images/13.jpg";
fondos[13] = "images/14.jpg";
fondos[14] = "images/15.jpg";

// tambi�n se puede crear un array as�
// var fondos = ["images/fondo.png","images/fondo1.png","images/fondo2.png"]

function fondoBody() {
var image = fondos[Math.floor(Math.random()*fondos.length)]
document.body.style.backgroundImage ="url("+image+")";


}
</script>


</head>

<body onLoad="javascript:fondoBody();">

</body>
</html>
  #2 (permalink)  
Antiguo 09/01/2013, 23:08
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Cambio de fondo dinamico

aplica en tu archivo CSS

Código CSS:
Ver original
  1. body{background-repeat: no-repeat;}

Etiquetas: fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:55.