【问题标题】:Get Different Images from one URL [closed]从一个 URL 获取不同的图像 [关闭]
【发布时间】:2016-11-19 02:20:54
【问题描述】:

例如,

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

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

http://bit.do/bgimage1

http://bit.do/bgimage2

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

【问题讨论】:

  • 希望您至少尝试自己编写代码。 Stack Overflow 不是代码编写服务。我建议你做一些额外的研究,无论是通过谷歌还是通过搜索,尝试一下。如果您仍然遇到问题,请返回您的代码并解释您尝试过的方法以及为什么它不起作用。
  • 您链接的代码笔看起来可以工作,但实际上它们并没有设置background-image css,而是设置了href。他们生成的随机图片网址也不存在。

标签: html css image url random


【解决方案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()'>

【讨论】:

  • 我收到此错误:“分配中的左侧无效”
  • 没关系,谢谢!
【解决方案2】:

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

【讨论】:

  • 这实际上是一个评论,而不是一个答案。我很感激您可能还没有足够的声誉来离开 cmets,但请不要使用答案系统作为替代品。获得声誉相当容易,只需要您付出一点努力。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多