我有个“容器” DIV可以扩展以适应窗口100%,我想随机图像加载到DIV。 我有一个对HTML后台运行一个脚本的工作,但我不能让它在DIV工作,而不是。
Anyn建议?
这里是原始脚本:
<script type="text/javascript">
var imgCount = 3;
var dir = 'images/';
var randomCount = Math.round(Math.random() * (imgCount - 1)) + 1;
var images = new Array
images[1] = "bg-01.jpg",
images[2] = "bg-02.jpg",
images[3] = "bg-03.jpg",
document.body.style.backgroundImage = "url(" + dir + images[randomCount] + ")"; </script>
应该没有异议。 只要找到该分区,例如通过document.getElementById()和应用背景图片吧:
<div id="divID"></div>
<script type="text/javascript">
var imgCount = 3;
var dir = 'images/';
var randomCount = Math.round(Math.random() * (imgCount - 1)) + 1;
var images = new Array
images[1] = "bg-01.jpg",
images[2] = "bg-02.jpg",
images[3] = "bg-03.jpg",
document.getElementById("divID").style.backgroundImage = "url(" + dir + images[randomCount] + ")";
</script>
但是请注意,上面的脚本块必须去,你需要更新一个div了。 否则,在脚本执行div的时刻将无法在DOM和document.getElementById
会找到什么。
document.body.style.backgroundImage
设置背景<body>
您可以轻松地强迫它做做您选择的div:
document.getElementById('divID').style.backgroundImage = "url(" + dir + images[randomCount] + ")";