我试图改编我在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/

10-09 15:26