1. Use JS para definir una matriz de imágenes, que almacena las imágenes que desea mostrar al azar
La copia del código es la siguiente:
ar imGarr = ["// www.vevb.com/logo_cn.png",
"//www.vevb.com/baidu_sylogo1.gif",
"//www.vevb.com/news/uploadimg/20120111/20120111081906_79.jpg",
"//www.vevb.com/news/uploadimg/20120111/20120111081906_76.jpg"];
Cambie la imagen de arriba a la suya.
2. Use JS para generar un número aleatorio, por supuesto, este número aleatorio comienza desde 0 y termina desde imgarr.length-1.
La copia del código es la siguiente:
Var index = parseInt (math.random ()*(imgarr.length-1));
De esta manera obtenemos la imagen generada al azar.
La copia del código es la siguiente:
var currentImage = imGarr [index];
3. Dado que una imagen de fondo se generó aleatoriamente, use JS para usar esta imagen como imagen de fondo.
La copia del código es la siguiente:
document.getElementById ("BackgroundAea"). style.backgroundimage = "url ("+currentImage+")";
Dado que esta es una demostración, definí un DIV con la identificación de Backgroundarea en la página, y también establecí un fondo aleatorio para este div.
La copia del código es la siguiente:
<div id = "backgroundarea">
</div>