Question

一点背景 - 我通过交易编写java，python，c＃和hacky shell脚本，并且几乎没有使用javascript的经验（字面意思是从今天开始）。我一直在四处寻找堆栈溢出的问题到目前为止（或许，我还没有使用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的更改..不是我有很多线索。我还尝试了一些不同的resize函数，我发现了这个地方并进行了修改，并试图改变js中的css（部分？）到目前为止..nada。

有什么东西我可以插入到这个让它快乐地调整大小吗？！

Answer 1

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

这样的东西

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

一些笔记。 - ＆＃34;新形象（）＆＃34;使用标签，但除了预加载图像之外，您不会将其用于CSS背景。 - 尽管JavaScript并不需要它，但强烈建议用分号结束语句。 - 你有一条线＆＃34;已处理[i] .size =＆＃34;这是未定义的。 - 您还包括＆＃34; document.body.background = processed [inc] .src＆＃34;在else语句中，当它应该在整个if / then之外。

调整交替背景图像的大小以适合屏幕

1 个答案: