0

一点背景知识 - 我通过交易编写 java、python、c# 和 hacky shell 脚本，并且几乎没有使用 javascript 的经验（从今天开始）。我一直在研究，到目前为止，关于 stackoverflow 的所有问题都没有奏效（或者，也许我还没有掌握 js 的诀窍来让它们奏效）。

无论如何，故事 - 我想要一个页面，其中背景在本地存储的一组预定图像（bg01.jpg 到 bgXX.jpg）之间交替。我已经弄清楚如何循环浏览图像，现在我希望这些图像真正适合文档背景......而不是仅仅......做自己的事情。

这是我到目前为止所拥有的（有效的）-（10 月 15 日编辑）

<!DOCTYPE html>
<html>
<style>
body {background-repeat:no-repeat;}
</style>
<body>

<script>

var bgslides=new Array()
bgslides[0]="bg01.jpg"
bgslides[1]="bg02.jpg"
bgslides[2]="bg03.jpg"
bgslides[3]="bg04.jpg"
bgslides[4]="bg05.jpg"


//Specify interval between slide (in miliseconds)
var speed=1000

//preload images
var processed=new Array()
for (i=0;i<bgslides.length;i++){
    processed[i]=new Image()
    processed[i].src=bgslides[i]
}

var inc=-1
function slideback(){
if (inc<bgslides.length-1)
    inc++
else
    inc=0
document.body.style.backgroundImage = "url("+bgslides[inc]+")";
}

if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')


</script> 
</body>
</html>

我努力了

image.width = ..
image.height = ..

但我认为调用

document.body.background = image.src

覆盖以前对 image.width 的更改。我没有太多线索。我还尝试了一些不同的调整大小功能，这些功能我发现并修改了，并尝试更改 js 中的 css（部分？），到目前为止..nada。

有什么我可以插进去让它快乐地调整大小的吗？！

4

1 回答 1

0

而不是 document.body.background 行，你有没有想过像

document.body.style.backgroundImage = "url("+bgslides[inc]+")";

一些笔记。- “new Image()”适用于标签，但除了预加载图像之外，您不会将其用于 CSS 背景。- 尽管 JavaScript 不需要它，但强烈建议使用分号结束语句。- 您有一行“processed[i].size =”未定义。- 当它应该在整个 if/then 之外时，您还可以在 else 语句中包含“document.body.background = processes[inc].src”。

于 2013-10-14T05:05:18.810 回答