1. Use JS para definir uma matriz de imagem, que armazena as imagens que você deseja exibir aleatoriamente
A cópia do código é a seguinte:
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"];
Por favor, mude a imagem acima para a sua.
2. Use JS para gerar um número aleatório, é claro, esse número aleatório começa a partir de 0 e termina no imgarr.length-1.
A cópia do código é a seguinte:
var index = parseint (math.random ()*(imgarr.length-1));
Dessa forma, temos a imagem atualmente gerada aleatoriamente
A cópia do código é a seguinte:
var currentImage = imgarr [index];
3. Como uma imagem de fundo foi gerada aleatoriamente, use o JS para usar essa imagem como imagem de fundo.
A cópia do código é a seguinte:
Document.getElementById ("BordalARea"). style.backgroundImage = "url ("+currentImage+")";
Como essa é uma demonstração, eu defini uma div com o ID do BackgroundAlea na página e também defina um plano de fundo aleatório para esta div.
A cópia do código é a seguinte:
<div id = "Antecedentesea">
</div>