Foros del Web » Programando para Internet » Javascript »

Como hacer que una imagen cambie y se ajuste a la pantalla?

Estas en el tema de Como hacer que una imagen cambie y se ajuste a la pantalla? en el foro de Javascript en Foros del Web. Encontre este codigo para poder cambiar la imagen de fondo segun la hora: <script language="JavaScript"> day=new Date() x=day.getHours() if(x>=0 && x<4) { document.write('<body background="/imagenes/medianoche.jpg">') } ...
  #1 (permalink)  
Antiguo 28/07/2011, 14:05
 
Fecha de Ingreso: julio-2011
Mensajes: 5
Antigüedad: 13 años, 4 meses
Puntos: 0
Como hacer que una imagen cambie y se ajuste a la pantalla?

Encontre este codigo para poder cambiar la imagen de fondo segun la hora:
<script language="JavaScript">

day=new Date()

x=day.getHours()

if(x>=0 && x<4) {

document.write('<body background="/imagenes/medianoche.jpg">')
} else

if(x>=4 && x<9) {

document.write('<body background="/imagenes/amanece.jpg">')

} else

if(x>=9 && x<12) {

document.write('<body background="/imagenes/alba.jpg">')

} else

if (x>=12 && x<19) {

document.write('<body background="/imagenes/tarde.jpg" img src="/imagenes/tarde.jpg" class="img_bg" alt="Fondo de web">')

} else

if (x>=19 && x<21) {

document.write('<body background="/imagenes/crepusculo.jpg">')

} else

if (x>=21 && x<24) {

document.write('<body background="/imagenes/noche.jpg">')

}

</script>

me funciona muy bien pero quiero que la imagen se ajuste a la resolucion de la pantalla.
pero solo encontre un codigo css
y no se como hacerlos compatibles
  #2 (permalink)  
Antiguo 28/07/2011, 14:16
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 6 meses
Puntos: 310
Respuesta: Como hacer que una imagen cambie y se ajuste a la pantalla?

El código que usas dentro de document.write no tiene sentido o simplemente es muy malo. ¿Atributo background? Usa CSS!
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 28/07/2011, 16:35
 
Fecha de Ingreso: julio-2011
Mensajes: 5
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Como hacer que una imagen cambie y se ajuste a la pantalla?

Me podrían Dar una idea de q código de css porfavor._croonos2 gracias por tu respuesta
  #4 (permalink)  
Antiguo 28/07/2011, 17:17
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 6 meses
Puntos: 310
Respuesta: Como hacer que una imagen cambie y se ajuste a la pantalla?

Para ponerle a un background simplemente debes hacer algo como esto:
Código CSS:
Ver original
  1. body {
  2.  background:url('url_fondo');
  3. }
Si quieres añadirle más propiedades del fondo como background-repeat o background-position puedes hacerlo usando el nombre y dándole un valor o usando background con shorthand.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: ajuste, cambios
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 08:00.