17 Oct 2009
随机显示header图片

关于随机显示图片的方法很多，这里主要向大家介绍2个基于 php rand() 函数来实现的方法，由此我们在 wordpress 上通过简单改动就可以实现背景图片随机切换显示的功能。下面以 wordpress 中 header 部分图片为例介绍其实现方法，当然如果你愿意，代码稍加改动就可以把该功能应用于任何地方。

实现方法一：
1.选择一系列尺寸合适的图片，比如3张
2.把图片上传到你的主题图片文件夹中
3.在你的主题 header.php 文件中使用如下代码：

1
2
3

$num = rand(1,3); //Get a random number between 1 and 3, assuming 3 is the total number of header images you have
<div id="header" style="background: url(images/.jpg) no-repeat left top">
</div>

打开博客页面，刷新测试效果！

解释：使用PHP 函数 rand() 为变量 $num 从1和10之间获取一个随机数字作为初始值，然后我们将 $num 的值使用到主题的 header.php 文件背景图片路径中。

实现方法二：
在你的 header.php 中使用代码：

<?php
$result_random=rand(1, 99);
 
if($result_random<=33){ ?>
    <div id="header" style="background:transparent url(images/header1.jpg) no-repeat top left;">
<?php }
 
elseif($result_random<=66){ ?>
    <div id="header" style="background:transparent url(images/header2.jpg) no-repeat top left;">
<?php }
 
elseif($result_random<=99){ ?>
    <div id="header" style="background:transparent url(images/header3.jpg) no-repeat top left;">
<?php } ?>
 
<!-- Header code goes here -->
</div>

解释：rand() 函数将在1-99中提取一个随机数值，如果随机数值≤33，则显示第一张图片，如果随机数值≤66，则显示第二张图片……

Til next time,
Jason at 00:00

scribble

17 Oct 2009随机显示header图片

17 Oct 2009
随机显示header图片