获取可以在一个网站上滚动浏览的多个连续全屏图像的最佳方法是什么?
我目前只有一张图片使用以下代码:
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
最佳答案
像这样的东西可以使用一点 javascript
<script type="text/javascript">
var arr = ["imgurlone.jpg", "imgurltwo.jpg", "imgurlthree.jpg"];
var i = 0;
setInterval(function() {
if(i+1 < arr.length + 1)
{
i++;
document.body.style.background = "url(" + arr[i] + ") no-repeat center center fixed";
}
else {
i = 0;
document.body.style.background = "url(" + arr[i] + ")";
}
}, 10000); // Runs every 10,000 ms or every 10 seconds
</script>
一般来说,您应该将背景应用到正文而不是 HTML 元素
关于HTML/CSS : multiple successive full screen images,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19035485/