刷新页面后让WordPress背景随机切换

作者：matrix 被围观: 4,777 次发布时间：2013-10-10 分类：Wordpress 零零星星 | 10 条评论 »

这是一个创建于 4060 天前的主题，其中的信息可能已经有所发展或是发生改变。

只需要几行php代码就可以让WordPress主题背景随机切换，每次刷新切换不同的图片。这需要按F5刷新页面或者到新页面时背景才会自动变换。

更新的>>用BACKSTRETCH实现定时切换背景可以实现定时自动切换背景。

用BACKSTRETCH实现定时切换背景

<?php $random_image = rand(1, 5); ?>  
<div id="div1">  
    <img src="<?php bloginfo('stylesheet_directory');?>/bg/<?php echo $random_image; ?>.jpg"/>  
</div>

说明：

1行中的5代表有5张图片可供切换

2行中div1为背景css样式id

3行中src=后面的地址为当前主题的bg目录内的*.jpg图片。

注意：bg目录内的*.jpg图片要以相邻数字命名，这里是1.jpg、2.jpg...5.jpg。

参考：http://www.oschina.net/code/snippet_54100_4073

由于设置了动态背景定时切换效果，需要删掉这里的随机切换的代码。笔记一下，我让背景更好看些就添加了bg1的样式id。之前的>>修改WordPress背景带像素点的颗粒半透明点阵效果。


<!-- 全屏大背景 -->  
<?php $random_image = rand(1, 5);?>  
<div id="div1">  
    <img src="<?php bloginfo('stylesheet_directory');?>/bg/<?php echo $random_image; ?>.jpg"/>  
</div>  
<div id="bg1"></div>  
<!-- end 全屏大背景-->

其他文章：

本文固定链接：https://www.hhtjim.com/refresh-the-page-after-let-wordpress-random-switching-in-the-background.html

本文章由 matrix 于2013年10月10日发布在Wordpress, 零零星星分类下，目前没有通告，你可以至底部留下评论。
转载请注明：刷新页面后让WordPress背景随机切换-HHTjim'S 部落格
关键字：源码, 特效

有10 条评论 »

ssuoi 2014-1-12 8:19:37 +0800#4

这个代码怎么用？添加到哪里？请详细说一下，请加我qq：1751025424

回复
- Matrix 2014-1-12 9:23:01 +0800
  
  在主题的style.css中添加：
```
div#div1{position:fixed; top:0; left:0; bottom:0; right:0; z-index:-2;}
div#div1 > img {height:100%; width:100%;}
```
  
  主题的header.php中添加：
```

```
  上面的php代码意思：随机显示主题目录里bg文件夹里面的5张jpg图片，命名格式为1.jpg、2.jpg......5.jpg
  
  回复
  - ssuoi 2014-1-12 12:22:48 +0800
    
    可以应用到用户登陆、注册页面吗？如何可以的话，怎么弄？
    
    回复
    - Matrix 2014-1-12 12:26:15 +0800
      
      同理，后台页面也是可以的，不过我没尝试过。
      这需要修改后台页面的php
      
      回复
      - ssuoi 2014-1-12 13:16:02 +0800
        
        哦。谢谢
        
        回复
xilouqingzhu 2013-10-12 10:57:09 +0800#3

还要刷新才能换背景图片呀，看到有个博客是自动轮换背景图片。再仔细看下，发现可以用BACKSTRETCH实现定时切换背景，试试看了

回复
- Matrix 2013-10-12 11:10:54 +0800
  
  嗯
  有些背景带有点阵的效果很好看的
  
  回复
Small Desert 2013-10-10 10:25:01 +0800#2

你网站经常挂--丢包-有时打不开-刷新下游好了

回复
- Matrix 2013-10-10 18:58:03 +0800
  
  最近总出问题
  
  回复
Small Desert 2013-10-10 10:24:37 +0800#1

沙发--

回复