为什么用JS不能切换背景图片？求大神来！

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
#main{
width: 1920px;
height: 1000px;
}
</style>
</head>
<body>
<div id="main"></div>
<script>
var timer=setInterval(autoImg,2000);
function autoImg(){

var imgArr=["banner1.jpg","banner2.jpg","banner3.jpg"];
var index=parseInt(Math.random()/3*10);
var currentImg=imgArr[index];
document.getElementById("main").background="url('+currentImg+')";
}
</script>
</body>
</html>

举报该问题

第1个回答 2015-12-02

你，用dreamweaver,把你要写的效果图画出来，之后再生成代码，就可以了追问

我要自己写的，看这个哪里出了问题？

第2个回答 2015-12-02

错误有点多
var index=Math.ceil(Math.random()*3); 这样取随机数
document.getElementById("main").style.background="url('"+currentImg+"')"; 还有style和引号追问

你比我更差

第3个回答 2015-12-02

var timer=setInterval(autoImg,2000);
function autoImg(){

var imgArr=["banner1.jpg","banner2.jpg","banner3.jpg"];
var index=Math.floor(Math.random()*imgArr.length);
var currentImg=imgArr[index];
document.getElementById("main").style.background="url('"+currentImg+"')";
}追问

再请问一下，怎么把这几个加在animate中

追答

animate?

你的setInterval就是animate

你F12控制台，就可以看到图片是随机切换的

当然你也可以使用jq的animate

详见附件即可。

追问

嗯，谢谢了

追答

查看百度音乐图片展示gallery

相似回答

急JS 鼠标经过无法切换DIV背景图片答：定义方法时，不能用数字当作变量名称，所以把 starshow(1) 里面的1给改成其他变量名就好了

为什么用JS不能切换背景图片?求大神来!答：你，用dreamweaver,把你要写的效果图画出来，之后再生成代码，就可以了

html css 超链接 背景图片 无法根据活动状态切换答：回答：做成一张图片,改变背景定位 background-position:x y;明白了不?

JS/Jquery,如何实现背景图片的更换答：1、直接给元素附加css，因为js附加的css样式要比css中的样式权限高，那么js设置的背景图片就会覆盖之前的图片 (this).css("background","url(1.jpg) no-repeat 0 0");2、写两个class，一个class里面写一个背景图片，js中操作的话直接改变元素的class就可以了 (this).removeClass('classA')....

js修改div背景图片总是不行,请教正确方法答：修改元素属性的时候需要注意有些属性不能直接照写，需要作出小小的改动，统一为驼峰形式，例如 vertical-align 应为 verticalAlign, background-image 应为 backgroundImage.从你的描述中，语法基本是没有问题的，只要把代码中的 background-image 改成 backgroundImage 就可以了。

js点击切换背景图片答：style.backgroundImage = ='url("???")'判断换成这个 style.backgroundImage ='url("???")'赋值换这个因为你加的url里面的不是string 不合法，js自动给你加上了“”

用js怎么实现div背景图片变换?答：代码写起来比较烦，首先如果是要自动变化的话，你首先需要有一个timer，调用window.setInterval(handler, time)方法去变换，可以写在onload事件里，或者卸载页面最后用块里面页面上有一个div的话，这个div里面应该有个的吧，图片的话你用一个数组将文件名放起来，搞个随机数，然后就将img.src = 'arr...

关于js切换背景图片的问题答：试试这个图片切换 有12345数字一起切换有小图大图一起切换里面有教程和源码参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?5=a&id=11341

大家正在搜

切换背景图片怎么换背景图片怎么设置电脑背景图片 qq怎么设置背景图片 PPT怎么设置背景图片微信更换背景图片开机背景图片怎么设置 qq主题背景图片怎么设置 qq怎么改壁纸背景图片

用js怎么实现div背景图片变换？

js修改div背景图片总是不行，请教正确方法

点击div背景图片切换（两张图片的切换），要用js解决

js切换背景图片，谷歌浏览器显示正常，IE跟火狐不能显示背景...

JS 设置切换DIV的背景图片 ..........

js 改变登录按钮的背景图片求大神

JS/Jquery，如何实现背景图片的更换

js为什么改变不了body 背景图片