Foros del Web » Creando para Internet » CSS »

Problemas con fondo de escritorio aleatorio

Estas en el tema de Problemas con fondo de escritorio aleatorio en el foro de CSS en Foros del Web. Hola gente de Foros del Web, soy un usuario nuevo y me estoy interesando con esto de las paginas web, y tengo un problema con ...
  #1 (permalink)  
Antiguo 24/05/2011, 20:45
 
Fecha de Ingreso: mayo-2011
Mensajes: 2
Antigüedad: 6 años, 6 meses
Puntos: 0
Problemas con fondo de escritorio aleatorio

Hola gente de Foros del Web, soy un usuario nuevo y me estoy interesando con esto de las paginas web, y tengo un problema con una pagina que estoy creando. mi duda es como puedo poner una imagen de fondo aleatoria, osea que cada que alguien entre el fondo que se ve sea diferente, y otra cosa es como puedo hacerle para que el fondo no se repita, y que se mueva en la pantalla para que no se vea cortada de abajo, muchas gracias de antemano, por cierto este es el codigo que estoy usando espero puedan responderme.

<script type="text/javascript">
var backgr1="http://www.guarnerosracingwear.com/fondos/fondo1.jpg"
var backgr2="http://www.guarnerosracingwear.com/fondos/fondo2.jpg"
var backgr3="http://www.guarnerosracingwear.com/fondos/fondo3.jpg"
var backgr4="http://www.guarnerosracingwear.com/fondos/fondo4.jpg"
var backgr5="http://www.guarnerosracingwear.com/fondos/fondo5.jpg"

var cur=Math.round(13*Math.random())
if (cur<=1)
backgr=backgr1
else if (cur<=4)
backgr=backgr2
else if (cur<=7)
backgr=backgr3
else if (cur<=10)
backgr=backgr4
else if (cur<=13)
backgr=backgr5
document.write('<body background="'+backgr+'" style="background-repeat:no-repeat; bgproperties="scroll" bgcolor="#FFFFFF">')
  #2 (permalink)  
Antiguo 24/05/2011, 22:58
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Problemas con fondo de escritorio aleatorio

Hola, mira, yo lo encararía distinto al html y css.

en vez de hacer esto:
document.write('<body background="'+backgr+'" style="background-repeat:no-repeat; bgproperties="scroll" bgcolor="#FFFFFF">')
De entrada que esto no funciona background="'+backgr+'"

haría esto:
document.write('<img id="fondo" src="'+backgr+'" width="100%" height="100%"/>');

lo imprimes de modo que el html te quede así:
Código HTML:
Ver original
  1. <img id="fondo" src="la imagen de fondo" width="100%" height="100%"/>
  2. <div id="contenedor"></div> <!-- el contenedor de todo lo que haya en esta página-->
  3. </body>

luego en el css:
Código CSS:
Ver original
  1. *{margin:0; padding:0;}
  2. #fondo{
  3. display:block; <!-- convertimos la imagen en caja de bloque -->
  4. position:absolute;
  5. top:0; left:0;
  6. z-index:0;
  7. }
  8. #contenedor{
  9. position:relative;
  10. width:960px; /*los px que quieras*/
  11. margin:0 auto; /*si es que lo vas a centrar*/
  12. z-index:1;
  13. }

En este enlace puedes ver como trabaja z-index

Espero te sirva de ayuda. Saludos
  #3 (permalink)  
Antiguo 26/05/2011, 07:31
 
Fecha de Ingreso: mayo-2011
Mensajes: 2
Antigüedad: 6 años, 6 meses
Puntos: 0
Respuesta: Problemas con fondo de escritorio aleatorio

Ok muchas lo probare como dices solo una duda más en que parte del codigo que estoy usando pondria lo que me especificas??

Etiquetas: escritorio, fondo, javascript, aleatoria
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 22:10.