recherche

Maison  >  Article  >  développement back-end  >  Comment changer aléatoirement les images d'arrière-plan en php

Comment changer aléatoirement les images d'arrière-plan en php

PHPz
PHPzoriginal
2023-04-11 10:33:11748parcourir

PHP est un langage de programmation largement utilisé qui fournit de nombreuses fonctions et bibliothèques de classes pour prendre en charge divers scénarios d'application, tels que le développement Web, le traitement de données, le traitement d'images, etc. Parmi eux, le développement Web est l'un des domaines dans lesquels PHP est le plus largement utilisé. PHP peut être combiné avec HTML, CSS, JavaScript et d'autres technologies pour créer un grand nombre de pages Web dynamiques, d'applications Web et de services Web.

Dans le développement Web, les images d'arrière-plan sont un élément très important, qui peuvent rehausser l'atmosphère de la page Web et augmenter sa beauté et son attrait. Certains sites Web modifient même de manière aléatoire les images d’arrière-plan pour donner aux visiteurs une sensation de fraîcheur et de surprise. Aujourd'hui, je vais vous présenter comment utiliser PHP pour implémenter la fonction de modification aléatoire des images d'arrière-plan.

Tout d'abord, nous devons préparer quelques images d'arrière-plan et les stocker dans un répertoire sur le serveur, tel que /images/background/. Ici, j'ai préparé trois images d'arrière-plan, à savoir bg1.jpg, bg2.jpg et bg3.jpg.

Ensuite, nous utilisons la fonction rand() de PHP pour générer un nombre aléatoire, et utilisons ce nombre aléatoire pour sélectionner une image d'arrière-plan comme image d'arrière-plan actuelle. Le code est le suivant : 

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

Dans le code ci-dessus, la variable $bgCount représente le nombre d'images d'arrière-plan, et $bgIndex est un nombre aléatoire généré par la fonction rand(), entre 1 et $bgCount. Selon la valeur de la variable $bgIndex, nous découpons le chemin de l'image d'arrière-plan actuelle $bgImagePath, telle que /bg1.jpg.

Ensuite, nous appliquons $bgImagePath au style HTML pour afficher l'image d'arrière-plan. Le code est le suivant : 

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

Comme vous pouvez le voir, dans le code HTML ci-dessus, nous appliquons la variable $bgImagePath au style d'image d'arrière-plan de l'élément body pour obtenir l'effet d'afficher l'image d'arrière-plan. De plus, nous définissons également d'autres styles, tels que faire en sorte que l'arrière-plan couvre toute la page Web, l'alignement central, etc.

Enfin, nous intégrons les deux morceaux de code ci-dessus pour réaliser la fonction de changement aléatoire de l'image d'arrière-plan. Le code est le suivant : 

<!DOCTYPE html>
<html>
<head>
    <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>
</head>
<body>
    <h1>随机更改背景图片</h1>
    <p>每次刷新本页，背景图片都会变化。</p>
</body>
</html>

Ce qui précède est le code complet pour modifier aléatoirement les images d'arrière-plan à l'aide de PHP. Lorsque vous visitez cette page, l'une des images d'arrière-plan préparées sera sélectionnée au hasard comme image d'arrière-plan actuelle. Chaque actualisation aura un effet différent, donnant aux gens un sentiment de surprise et de fraîcheur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php JavaScript css html background
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment supprimer des fichiers en php après une certaine période de tempsArticle suivant：Comment supprimer des fichiers en php après une certaine période de temps

Articles Liés

Voir plus