fluid主题设置网页随机背景图片

fluid主题设置网页随机背景图片

通过引入外部js文件的方式，添加以下js脚本

var backgroundImageUrls = [
  "url('/2023/10/11/1.jpg')",
  "url('/2023/09/12/2.jpg')",
  "url('/2023/09/12/3.jpg')"
];

var randomIndex = Math.floor(Math.random() * backgroundImageUrls.length);
var bodyElement = document.querySelector("body");
bodyElement.style.backgroundImage = backgroundImageUrls[randomIndex];

请将backgroundImageUrls当中的数组图片地址替换为自己的图片地址

可以根据自己的需求将更多的图片地址添加到backgroundImageUrls数组当中

这个代码默认body已经添加了其他必要的属性如background-attachment

否则可能不会正常加载图片

body {
    background-attachment: fixed;
    background-size: cover;  
}

如果没有，请自行添加css样式。