suchen

Heim  >  Artikel  >  Backend-Entwicklung  >  So ändern Sie Hintergrundbilder in PHP nach dem Zufallsprinzip

So ändern Sie Hintergrundbilder in PHP nach dem Zufallsprinzip

PHPz
PHPzOriginal
2023-04-11 10:33:11758Durchsuche

PHP ist eine weit verbreitete Programmiersprache, die zahlreiche Funktionen und Klassenbibliotheken zur Unterstützung verschiedener Anwendungsszenarien bereitstellt, wie z. B. Webentwicklung, Datenverarbeitung, Bildverarbeitung usw. Unter diesen ist die Webentwicklung einer der Bereiche, in denen PHP am häufigsten verwendet wird. PHP kann mit HTML, CSS, JavaScript und anderen Technologien kombiniert werden, um eine große Anzahl dynamischer Webseiten, Webanwendungen und Webdienste zu erstellen.

In der Webentwicklung sind Hintergrundbilder ein sehr wichtiges Element, das die Atmosphäre der Webseite hervorheben und ihre Schönheit und Attraktivität steigern kann. Einige Websites ändern sogar nach dem Zufallsprinzip Hintergrundbilder, um den Besuchern ein Gefühl von Frische und Überraschung zu vermitteln. Heute werde ich vorstellen, wie man mit PHP die Funktion zum zufälligen Ändern von Hintergrundbildern implementiert.

Zuerst müssen wir einige Hintergrundbilder vorbereiten und sie in einem Verzeichnis auf dem Server speichern, z. B. /images/background/. Hier habe ich drei Hintergrundbilder vorbereitet, nämlich bg1.jpg, bg2.jpg und bg3.jpg.

Als nächstes verwenden wir die Funktion rand() von PHP, um eine Zufallszahl zu generieren, und verwenden diese Zufallszahl, um ein Hintergrundbild als aktuelles Hintergrundbild auszuwählen. Der Code lautet wie folgt: 

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

Im obigen Code stellt die Variable $bgCount die Anzahl der Hintergrundbilder dar und $bgIndex ist eine von der Funktion rand() generierte Zufallszahl zwischen 1 und $ bgCount. Entsprechend dem Wert der Variablen $bgIndex teilen wir den Pfad des aktuellen Hintergrundbilds $bgImagePath aus, z. B. /bg1.jpg.

Als nächstes wenden wir $bgImagePath auf den HTML-Stil an, um das Hintergrundbild anzuzeigen. Der Code lautet wie folgt: 

<!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>

Wie Sie sehen können, wenden wir im obigen HTML-Code die Variable $bgImagePath auf den Hintergrundbildstil des Body-Elements an, um den Effekt der Hintergrundanzeige zu erzielen Bild. Darüber hinaus legen wir auch einige andere Stile fest, z. B. dass der Hintergrund die gesamte Webseite abdeckt, zentriert ausgerichtet usw.

Schließlich integrieren wir die beiden oben genannten Codeteile, um die Funktion zum zufälligen Ändern des Hintergrundbilds zu erreichen. Der Code lautet wie folgt: 

<!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>

Das Obige ist der vollständige Code zum zufälligen Ändern von Hintergrundbildern mit PHP. Wenn Sie diese Seite besuchen, wird zufällig eines der vorbereiteten Hintergrundbilder als aktuelles Hintergrundbild ausgewählt. Jede Aktualisierung hat einen anderen Effekt und vermittelt den Leuten ein Gefühl der Überraschung und Frische.

Das obige ist der detaillierte Inhalt vonSo ändern Sie Hintergrundbilder in PHP nach dem Zufallsprinzip. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php JavaScript css html background
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So löschen Sie Dateien in PHP nach einer bestimmten ZeitNächster Artikel：So löschen Sie Dateien in PHP nach einer bestimmten Zeit

In Verbindung stehende Artikel

Mehr sehen