2015-10-15 43 views
1

我目前正在一个网站上,我希望在每次进入网站时索引的背景(在这种情况下是一个图像)。所以这是我想出的解决方案:简单的JavaScript图像随机工具实际上并没有加载图像

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; 

但是这也没有做什么。 请注意控制台是空的。

这里是人体对象CSS:

body { 
    background-size:cover; 
    background-position:center; 
    background-attachment:fixed; 
    width:100%; 
    height:100vh; 
    position:relative; 
} 

是否有一个原因,这不会工作?如果是这样,如何解决它...

谢谢。

+0

如果您查看网络请求,是否加载或未加载任何图像(404?) – lemieuxster

+1

只需验证图像路径和名称是否正确。 – Avi

+0

从url()字符串的末尾删除分号。 – JJJ

回答