gpt4 book ai didi

javascript - 使用 javascript 转换背景图像

转载 作者:行者123 更新时间:2023-11-28 06:49:30 27 4
gpt4 key购买 nike

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

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com