ahh ok diego, te dejo un código jquery que cada vez que se refresque la web aparecerá un fondo (imagen) distinto.
Código Javascript
:
Ver original$(docuement).ready(function() {
// Defines todas las imagenes posibles, las imagenes son cargadas desde el css
var bglist = new Array(13);
bglist[0] = "fondo1";
bglist[1] = "fondo2";
bglist[2] = "fondo3";
bglist[3] = "fondo4";
bglist[4] = "fondo5";
bglist[5] = "fondo6";
bglist[6] = "fondo7";
bglist[7] = "fondo8";
bglist[8] = "fondo9";
bglist[9] = "fondo10";
bglist[10] = "fondo11";
bglist[11] = "fondo12";
bglist[12] = "fondo13";
// Realizas un random, cada vez que se actualice aparecera un fondo distinto de los 13 existentes en este ejemplo
var rand = Math.floor(Math.random() * 13);
// #right es el div donde se mostran las imagenes aleatoremente cada vez que se refresque.
$("#right").addClass(bglist[rand]);
});
Código CSS:
Ver original.fondo1
{
width:700px;
height:800px;
display:table-cell;
margin-top:8px;
margin-right:8px;
float:right;
background-image:url('/Content/fondos/fondo1-1.jpg');
background-repeat:no-repeat;
}
.fondo2
{
width:700px;
height:800px;
display:table-cell;
margin-top:8px;
margin-right:8px;
float:right;
background-image:url('/Content/fondos/fondo1-2.jpg');
background-repeat:no-repeat;
}
/*** y así hasta llegar hasta el fondo 13 o los que gustes. ***/
Espero te sirva, saludos.
Recuerda que debes añadir la librería de jquery para que esto funcione.