[英]How Do I Make My Background Image Change Every 15 Seconds Or So Via CSS & JS
What I need it to do is change the background randomly every 15 seconds or so. 我需要它做的是每15秒左右随机改变背景。
JS: JS:
<script>
(function () {
var curImgId = 0;
var numberOfImages = 5; // Change this to the number of background images
window.setInterval(function () {
$('body').css('background-image',
'url(/images/background_images' + curImgId + '.jpg)');
curImgId = (curImgId + 1) % numberOfImages;
}, 15 * 1000);
})();
</script>
CSS: CSS:
body {
margin:0;
/*background-image:url(images/background_images/image1.jpg);
background-image:url(images/background_images/image2.jpg);
background-image:url(images/background_images/image3.jpg);
background-image:url(images/background_images/image4.jpg);*/
background:url(upload.js);
background-size:cover;
background-repeat:no-repeat;
}
A list of images I am going to use 我要使用的图像列表
http://mrsnapatya.net/screenshot1.png
the file directory is /images/background_images/
文件目录是/images/background_images/
So any clue what I'm doing wrong? 那么任何线索我做错了什么?
url函数需要一个字符串 -
$('body').css('background-image','url("images/background_images/image' + curImgId + '.jpg")');
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.