php怎么实现随机更换背景图片

作者: admin 分类: 技术 发布时间: 2024-10-14 10:02

方法1:

首先,我们需要准备好一些背景图片,存放在服务器上的某个目录下,比如/images/background/。这里,我准备了三张背景图片,分别为bg1.jpg、bg2.jpg、bg3.jpg。

接着,我们使用PHP的rand()函数来生成一个随机数,用这个随机数来选择一张背景图片作为当前的背景图片。代码如下:

<?php     $bgCount = 3; // 背景图片数量
    $bgIndex = rand(1, $bgCount); // 随机生成一个背景图片序号
    $bgImagePath = "/images/background/bg{$bgIndex}.jpg"; // 当前背景图片的路径
?>

在上面的代码中,$bgCount变量表示背景图片的数量,$bgIndex用rand()函数生成的一个随机数,在1与$bgCount之间。根据$bgIndex变量的值,我们拼接出当前背景图片的路径$bgImagePath,比如/bg1.jpg。

接下来,我们将$bgImagePath应用到HTML的样式中,用于显示背景图片。代码如下:

    <title>随机更改背景图片</title>
    <style>
        body {
            background-image: url("<?php echo $bgImagePath; ?>");
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 100vh;
        }
    </style>
    <h1>随机更改背景图片</h1>
    <p>每次刷新本页,背景图片都会变化。</p>

可以看到,在上面的HTML代码中,我们将$bgImagePath变量应用到了body元素的background-image样式中,以实现显示背景图片的效果。另外,我们还设置了一些其他的样式,比如使背景铺满整个网页,居中对齐等等。

最后,我们将上面两段代码整合在一起,就可以实现随机更换背景图片的功能。代码如下:

    <title>随机更改背景图片</title>
    <?php
        $bgCount = 3; // 背景图片数量
        $bgIndex = rand(1, $bgCount); // 随机生成一个背景图片序号
        $bgImagePath = "/images/background/bg{$bgIndex}.jpg"; // 当前背景图片的路径
    ?>
    <style>
        body {
            background-image: url("<?php echo $bgImagePath; ?>");
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            height: 100vh;
        }
    </style>
    <h1>随机更改背景图片</h1>
    <p>每次刷新本页,背景图片都会变化。</p>

以上就是用PHP实现随机更换背景图片的完整代码。当访问这个页面时,它会随机从准备好的背景图片中选取一张作为当前的背景图片,每次刷新都会有不同的效果,给人以惊喜感和新鲜感。

方法2:

<?php
// 设置图片文件夹路径
$dir = 'images/background/';

// 获取文件夹中所有图片文件名
$files = glob($dir . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);

// 随机选择一张图片
$random_file = $files[array_rand($files)];

// 设置响应头为图片类型
header('Content-Type: image/jpeg');

// 输出图片
readfile($random_file);
?>

方法3:

<?php
$id=rand(1,5);

$image[1]='https://pic3.zhimg.com/v2-ea3166212f8eed61c03837c359b54fe6_r.jpg';

$image[2]='https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201612%2F08%2F20161208210955_jrGnR.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1731462364&t=d556a78af22762e1e44790e1017db284';

$image[3]='https://img0.baidu.com/it/u=1770836559,1455866899&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=313';

$image[4]='https://pic3.zhimg.com/v2-ea3166212f8eed61c03837c359b54fe6_r.jpg';

$image[5]='https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201612%2F08%2F20161208210955_jrGnR.thumb.700_0.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1731462364&t=d556a78af22762e1e44790e1017db284';

header("location:$image[$id]");

?>

 

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

标签云
站点地图 Sitemap
申请 友情链接
网站运行