html - 从一个 URL 获取不同的图像

标签 html css image url random

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 6 年前

例如,

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

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

http://bit.do/bgimage1

http://bit.do/bgimage2

我怎样才能做到这一点?以及css中图片的调用。

最佳答案

在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()'> )

关于html - 从一个 URL 获取不同的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38403460/

上一篇:css - CSS 中的内容属性 - 如何将内容放入多个段落

下一篇:html - 在 ion-slides 内垂直居中 div

相关文章:

javascript - 想要运行仅匹配其他 html 页面上的 id 链接?

html - 带背景位置的 CSS3 过渡

html - 垂直对齐图像和两行文本

css - 如何将 3 个 div 的位置更改为并排?

C# - 从 tif 文件中删除属性标签项

html - CSS 样式按钮

css - 输入不同颜色星号的占位符?

jquery - CSS "underline"文本部分

image - 什么程序生成语法图?

css - div 标签中的图像