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

luisMMA_10 · #1 (**permalink**) 28/07/2011, 14:05

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

_cronos2 · #2 (**permalink**) 28/07/2011, 14:16

El código que usas dentro de document.write no tiene sentido o simplemente es muy malo. ¿Atributo background?

Usa CSS!

luisMMA_10 · #3 (**permalink**) 28/07/2011, 16:35

Me podrían Dar una idea de q código de css porfavor._croonos2 gracias por tu respuesta

_cronos2 · #4 (**permalink**) 28/07/2011, 17:17

Para ponerle a un background simplemente debes hacer algo como esto:

Código CSS:

Ver originalbody {
 background:url('url_fondo');
}

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 (: