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

作者:Matrix 被围观: 2,023 次 发布时间:2013-10-10 分类:wordpress建站 零零星星 | 10 条评论 »

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

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

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

用BACKSTRETCH实现定时切换背景

  1. <?php $random_image = rand(1, 5); ?>  
  2. <div id="div1">  
  3.     <img src="<?php bloginfo('stylesheet_directory');?>/bg/<?php echo $random_image; ?>.jpg"/>  
  4. </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背景带像素点的颗粒半透明点阵效果。

  1. <!-- 全屏大背景 -->  
  2. <?php $random_image = rand(1, 5);?>  
  3. <div id="div1">  
  4.     <img src="<?php bloginfo('stylesheet_directory');?>/bg/<?php echo $random_image; ?>.jpg"/>  
  5. </div>  
  6. <div id="bg1"></div>  
  7. <!-- end 全屏大背景-->  
本文固定链接:https://www.hhtjim.com/refresh-the-page-after-let-wordpress-random-switching-in-the-background.html
Matrix
本文章由 Matrix 于2013年10月10日发布在wordpress建站, 零零星星分类下,目前没有通告,你可以至底部留下评论。
转载请注明:刷新页面后让WordPress背景随机切换-HHTjim'S 部落格
关键字:,

有10 条评论 »

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

    这个代码怎么用?添加到哪里?请详细说一下,请加我qq:1751025424

    • Matrix Matrix Moderator 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中添加:

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

      上面的php代码意思:随机显示主题目录里bg文件夹里面的5张jpg图片,命名格式为1.jpg、2.jpg......5.jpg

      • ssuoi ssuoi 2014-1-12 12:22:48 +0800

        可以应用到用户登陆、注册页面吗?如何可以的话,怎么弄?

        • Matrix Matrix Moderator 2014-1-12 12:26:15 +0800

          同理,后台页面也是可以的,不过我没尝试过。
          这需要修改后台页面的php

  2. xilouqingzhu xilouqingzhu 2013-10-12 10:57:09 +0800#3

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

    • Matrix Matrix Moderator 2013-10-12 11:10:54 +0800


      有些背景带有点阵的效果 很好看的 :mrgreen:

  3. Small Desert Small Desert 2013-10-10 10:25:01 +0800#2

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

    • Matrix Matrix Moderator 2013-10-10 18:58:03 +0800

      最近总出问题

  4. Small Desert Small Desert 2013-10-10 10:24:37 +0800#1

    沙发--

添加新评论 »

 😛 👿 😳 😀 😯 😮 😕 😎 😆 😡 😈 😉 💡 😐 😥

NOTICE: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!