Question

我想更改html中调用的页面刷新的5图像集图像应在body标签下调用：

 <img src="images/side-logos/1.jpg" alt="">
 <img src="images/side-logos/2.jpg" alt=""> 
 <img src="images/side-logos/4.jpg" alt=""> 
 <img src="images/side-logos/5.jpg" alt="">

我想在body标签下调用图像集，而不是在javascript中我在网站上搜索了很多，但每个人都用javascript调用图片，而不是在body标签下所以，如果有人有解决方案，请帮助我。

Answer 1

只需用窗口刷新事件替换onclick事件

HTML

<div id="box">
    <img id="image" />
</div>
<br />
<input type="button" value="Randomize!" onClick="randImg()" />

<强> JS

var images = [
    "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-17.jpg"];

function randImg() {
    var size = images.length
    var x = Math.floor(size * Math.random())
    document.getElementById('image').src = images[x];
}

randImg();

demo

修改 new_demo

Answer 2

Unfortunateley，你只能用javascript做到这一点。

为此，这里有一些放在标签中的代码

<script type="text/javascript">
function Randomize() {
    var images = new Array("one.jpg","two.jpg","three.jpg","four.jpg");
    var imageNum = Math.floor(Math.random() * images.length);
    document.getElementById("divid").style.backgroundImage = "url('" + images[imageNum] + "')";
}

window.onload = Randomize;
</script>

图像名称位于图像数组中，“divid”是您希望图像显示的位置。

如何在页面刷新时更改图像

2 个答案: