简单javascript图像随机化器不';我不能实际加载图像
我目前正在一个网站上工作,我希望每次进入该网站时,索引上的背景(在本例中为图像)都会发生变化。这就是我提出的解决方案:简单javascript图像随机化器不';我不能实际加载图像,javascript,html,css,Javascript,Html,Css,我目前正在一个网站上工作,我希望每次进入该网站时,索引上的背景(在本例中为图像)都会发生变化。这就是我提出的解决方案: var Index = { Actions: { setBackground: function() { var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg']; var random = images[Math.floor(Math.r
var Index = {
Actions: {
setBackground: function() {
var images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg'];
var random = images[Math.floor(Math.random() * images.length)];
alert(random);
$("body").css({'background-image': 'url("../img/backgrounds/' + random + '");'});
}
}
}
Index.Actions.setBackground();
但由于某些原因,背景保持白色。我也尝试过这样的实际切换:
document.body.style.backgroundImage = "../img/backgrounds/" + random;
但这也没有起到任何作用。
请注意,控制台是空的
以下是body对象的CSS:
body {
background-size:cover;
background-position:center;
background-attachment:fixed;
width:100%;
height:100vh;
position:relative;
}
这有什么不起作用的原因吗?如果是这样,如何修复它
谢谢。试试这个<代码>$(“body”).css('background-image','url(../img/backgrounds/'+random+')代码>
语法正确 如果查看网络请求,是否有任何图像正在加载或加载失败(404?),只需验证图像路径和名称是否正确。请从url()字符串末尾删除分号。