Fatal编程技术网
  • javascript/
  • 如何使用与setInterval一起使用的javascript调整图像大小

如何使用与setInterval一起使用的javascript调整图像大小

javascript html image

如何使用与setInterval一起使用的javascript调整图像大小,javascript,html,image,resize,setinterval,Javascript,Html,Image,Resize,Setinterval,我找了又找，找不到我问题的答案。我正在尝试创建的页面上旋转背景图像。我能够创建函数，使图像每5秒更改一次，但它们显示得非常放大。我希望它适合页面，并且响应速度快。我试着用CSS调整它，但它会覆盖，没有图像显示。我看到人们使用画布，但使用HTML 我已经包括了我正在使用的javascript、css和html 提前谢谢 var图像=[ “/images/bar.jpg”， “/images/bw.jpg”， “/images/pilsner.jpg”， “/images/pour.jpg”， “

我找了又找，找不到我问题的答案。我正在尝试创建的页面上旋转背景图像。我能够创建函数，使图像每5秒更改一次，但它们显示得非常放大。我希望它适合页面，并且响应速度快。我试着用CSS调整它，但它会覆盖，没有图像显示。我看到人们使用画布，但使用HTML

我已经包括了我正在使用的javascript、css和html

提前谢谢

var图像=[
“/images/bar.jpg”，
“/images/bw.jpg”，
“/images/pilsner.jpg”，
“/images/pour.jpg”，
“/images/scene.jpg”，
“/images/scene.jpg”，
“/images/toast.jpg”，
]
var background=document.getElementById（“背景”）；
var i=0；
setInterval（函数（）{
background.style.backgroundImage=“url（“+images[i]+””）；
i=i+1；
if（i==images.length）{
i=0；
} 
}, 3000);

.background{
背景尺寸：封面；
}
#标题{
背景色：透明！重要；
}




我在哪里设置css宽度和/或高度css选择器中有一个错误：您使用class selector.background而不是id selector#background。也许你还想添加背景重复：不重复；谢谢，麦克，我没注意到。我又一次犯了打字的小错误。那时我整天都在写代码。