<Nuestro Blog/>

Random Background CSS y Java

Aquí le dejo un pequeño código que utilice para mi ultimo desarrollo web, con este código buscamos que cada usuario al momento de entrar al portal sea capaz de ver un background diferente. En este caso utilice solo 4 diferentes fondos, pero si ustedes quieren pueden agregar algunos más.


onload = function() {

// DAMOS DE ALTA EL ARRAY DE IMAGENES QUE QUEREMOS QUE SE MUESTREN EN EL BACKGROUND
images = new Array("images/bg_body.jpg", "images/bg_body1.jpg", "images/bg_body2.jpg", "images/bg_body3.jpg");

// ESTO ES LO QUE VA A SACAR UN NUMERO AL AZAR
rand = Math.floor(Math.random()*images.length);

// DEFINIMOS "IMAGEN" PARA LA IMAGEN AL AZAR QUE YA HEMOS SACADO
imagen = images[rand];

// AHORA ASIGNAMOS EL BACKGROUND AL BODY
document.body.style.background = "url("+imagen+") no-repeat fixed center center";
}

Espero que les sea útil, para cualquier duda dejenme su comentario, ver ejemplo

Dejanos tu comentario





* Estos campos son obligatorios