我试图改编我在youtube上找到的一些代码,但遇到了一些麻烦。我可以很好地切换图像,但似乎无法适应代码来切换背景图像。
这是我的代码:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled</title>
<link type="text/css" rel="stylesheet" href="slideshow.css"/>
</head>
<body>
<script src="slideshow.js"></script>
</body>
</html>
和
html {
min-height:100%;
}
body {
background-image:url("Summer.jpg");
background-repeat:no-repeat;
background-size:cover;
}
和
//JavaScript Document
var myImage=document.body.style.backgroundImage;
var imageArray=["Summer.jpg", "Autumn.jpg", "Winter.jpg"];
var imageIndex=0;
function changeImage () {
document.body.style.backgroundImage=myImage;
myImage.setAttribute("url", imageArray [ imageIndex]);
imageIndex++;
if (imageIndex>=imageArray.length) {
imageIndex=0;
}
}
var intervalHandle = setInterval(changeImage,2000);
我是这里的新手,所以如果我缺少明显的内容,请指出正确的方向以继续阅读。谢谢。
最佳答案
代替
document.body.style.backgroundImage=myImage;
myImage.setAttribute("url", imageArray [ imageIndex]);
做
document.body.style.backgroundImage = "url(" + imageArray[imageIndex] + ")";
关于javascript - 使用javascript转换背景图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33861585/