从一个URL获取不同的图像

时间:2016-07-15 19:06:03

标签: html css image url random

例如,

http://placeimg.com/640/480/people

是一个网址。如果您重新加载页面,它会附带一个新图像。我的网站有一个背景图片,我希望它是两张图片的随机图片:

http://bit.do/bgimage1

http://bit.do/bgimage2

我怎样才能做到这一点?并在css中调用图像。

2 个答案:

答案 0 :(得分:1)

在javascript中

function setRandomImg(){
var items = ['url','url']
var item = items[Math.floor(Math.random()*items.length)];
document.getElementById(id-of-your-body/container).style.background-image='url('+item+')'
}

并将onload添加到容器(示例<body onLoad='setRandomImg()'>

答案 1 :(得分:0)

您可以在后面的代码中创建一个Random,然后使用它来动态生成图像。我认为更好的方法是使用Javascript / Jquery。