Yo esto lo haría con PHP metiendo en la zona del CSS lo siguiente:
Código PHP:
<?php
$Imagen = rand(1,5); // Uso de rand(): rand(Valor minimo, Valor maximo);
echo "body{";
switch($Imagen){
case 1:
echo "background-image: url('Fondo1.jpg'); ";
break;
case 2:
echo "background-image: url('Fondo2.jpg');";
break;
case 3:
echo "background-image: url('Fondo3.jpg');";
break;
case 4:
echo "background-image: url('Fondo4.jpg');";
break;
case 5:
echo "background-image: url('Fondo5.jpg');";
break;
default:
echo "background-image: url('Fondo.jpg');";
break;
}
echo "}";
?>
Y una versión mas reducida en PHP:
Código PHP:
<?php
$Valor = rand(0,5); // Uso de rand(): rand(Valor minimo, Valor maximo);
$Imagenes = array("Fondo.jpg" , "Fondo1.jpg" , "Fondo2.jpg" , "Fondo3.jpg" , "Fondo4.jpg" , "Fondo5.jpg");
echo "body{ background-image: url('".$Imagenes[$Valor]."')};";
?>
Si no se puede usar PHP pues el código en JavaScript sería algo parecido a esto:
Código HTML:
<script language="javascript">
var Imagen;
Imagen = Math.round(Math.random()*5 + 1); // Uso de Math.random(): Math.random()*Numero Maximo + Numero Minimo;
switch(Imagen){
case 1:
document.write="body{ background-image: url('Fondo1.jpg');}";
break;
case 2:
document.write="body{ background-image: url('Fondo2.jpg');}";
break;
case 3:
document.write="body{ background-image: url('Fondo3.jpg');}";
break;
case 4:
document.write="body{ background-image: url('Fondo4.jpg');}";
break;
case 5:
document.write="body{ background-image: url('Fondo5.jpg');}";
break;
default:
document.write="body{ background-image: url('Fondo.jpg');}";
break;
}
</script> Este de JavaScript no lo he probado ya que no suelo cambiar el fondo de la página con este método.
Pero vamos que si puedes usar PHP mejor ya que ese no suele fallar.
PD.: No pongo el código en ASP porque no se aún programar en ASP
