Cargando

Ir a contenido

X

Como puedo cambiar la imagen de fondo de mi web con javascript





  AUTOR PREGUNTA

Publicado 26 febrero 2014 - 20:47
Quiero que la la imagen de fondo de mi web cambie cada x segundos, puedo hacerlo con javascript o es mejor otra manera
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 26 febrero 2014 - 20:49
Para poder ahcer esto creas una matriz de imagenes y luego las vas aplicando cada ciento tiempo a intervalos a css bakcground de la etiqueta body, es decir al fondo de la pagina.

var img = ['imagen1.jpg', 'imagen2.jpg', 'imagen3.jpg', 'imagen4.jpg', 'imagen5.jpg'],
    total = img.length,
    index = 0;

document.body.style.background = "url('" + img[index] + "') no-repeat center center fixed";
document.body.style.backgroundSize = "cover";

var fondo = {
    rotar: function(){
        index = index == total - 1 ? 0 : ++index;
        document.body.style.background = "url('" + img[index] + "') no-repeat center center fixed";
        document.body.style.backgroundSize = "cover";
    }
};

setInterval(fondo.rotar, 15000);



X