【WordPress 教程】用代码实现刷新网页都随机变换背景图片不调用API接口

孤狼 2019年6月21日21:53:29 15 10,628

摘要

现在网上有很多随机图片api接口，使用那些接口就可以快速的给网站添加随机背景图功能。但是实际使用时我们会发现一个非常糟糕的状况：图库中有很多我们不喜欢的图片，而且也无法控制显示哪些图、不显示哪些图。

代码作用不借助任何第三方随机图片api接口，每次刷新网站都可以随机显示自己喜欢的背景图片。

【代码展示】

代码中展示的为链接地址也可以改成本地比如

bodyBgs[0] = "images/01.jpg";
bodyBgs[1] = "images/02.jpg";
bodyBgs[2] = "images/03.jpg";
bodyBgs[3] = "images/04.jpg";
bodyBgs[4] = "images/05.jpg";

此处为隐藏的内容！

发表评论并刷新，方可查看

发表评论

【食用方法】

把代码粘贴到您网站全局公共页脚文件里（一般为 foot.php 或 footer.php ），前；可以自己修改图片地址，也可以删减图片，修改后记得修改 var randomBgIndex = Math.round( Math.random() * 20 ); 这段代码中20为实际图片数量。

【定时循环随机背景图】

上面介绍的是每次网站刷新都会随机一张图片下面介绍一个
javascript实现background 定时循环随机背景图

案例1 - 采用API接口

<script type="text/javascript">
setInterval('Getbg();', 2000);
function Getbg(){
  var randomBgIndex = Math.round( Math.random() * 166 );
  //输出随机的背景图
  document.body.style.background="#9E9E9E url(https://acg.7585.net.cn/acg?"+randomBgIndex+") no-repeat ";
}
</script>