javascript:刷新时选择的随机图像

标签 javascript jquery html image random

所以我有一个网站,其中有一个描述区域,我使用以下代码让它成为刷新时的随机描述:

<script type="text/javascript">
var description = new Array ();
description[0] = "I can change";
description[1] = "Isn't it cool";
description[2] = "these are just to show you guys";
description[3] = "another thing";
var size = description.length
var x = Math.floor(size*Math.random())
document.write(description[x]);
</script>

现在我的问题是,如果我想让它在刷新时显示随机图像而不是随机描述,我该怎么做?我认为它需要一些 jquery 和一些追加,但我真的不确定。

谢谢!

最佳答案

怎么样:

HTML:

<img id="image" />

JS:

var description = [
  "http://static.ddmcdn.com/gif/lightning-gallery-17.jpg",
  "http://static.ddmcdn.com/gif/lightning-gallery-18.jpg",
  "http://static.ddmcdn.com/gif/lightning-gallery-19.jpg",
  "http://static.ddmcdn.com/gif/lightning-gallery-20.jpg",
  "http://static.ddmcdn.com/gif/lightning-gallery-21.jpg"
];

var size = description.length
var x = Math.floor(size*Math.random())
document.getElementById('image').src=description[x];

不需要 jQuery。

关于javascript:刷新时选择的随机图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16428154/

相关文章:

javascript - 直方图均衡化(图像 Javascript 初学者)

javascript - 如何将 vuetify 日历间隔格式更改为 24 小时?

Javascript Instagram API 在浏览器中显示答案,但不在 JS 中显示答案

javascript - 是否可以使用 jQuery 的 .when 而不使用 ajax 调用?

jquery - 文件上传大小验证在 IE 上不起作用

html - 浏览器条件 css 注释和 IE 9

javascript - 如何过滤对象数组但更改顺序

javascript - 悬停效果会产生闪烁

javascript - 使用 js 启动 Google 语音识别会出错 - 不允许

html - Firefox 伪元素定位在一行中的第一个单词