Bild basierend auf Cookies in HTML anzeigen

Dieser Artikel stellt eine Möglichkeit vor, ein Bild in HTML gemäß den in PHP gesetzten Cookies anzuzeigen.

Bild gemäß den in HTML gesetzten Cookies anzeigen

Die Problemstellung ist, dass wir ein bestimmtes Bild basierend auf dem auf der Webseite übergebenen Cookie anzeigen müssen. Mit der PHP-Funktion setcookie() können wir ein Cookie setzen.

Als nächstes kann die Bedingung if-elseif-else verwendet werden, um das Cookie zu überprüfen. So können wir das Bild entsprechend dem Cookie setzen und in HTML anzeigen.

Betrachten wir ein Szenario, in dem ein Benutzer über drei verschiedene Webseiten zu einer Webseite geleitet werden kann. Wir müssen die Cookies jeweils anders setzen.

Wenn der Benutzer beispielsweise durch Seite 1 geleitet wird, sollte das Cookie auf Wert1 gesetzt werden. Wir können die PHP-Funktion rand() verwenden, um dieses Phänomen zu simulieren.

Die Funktion kann verwendet werden, um einen zufälligen Cookie-Wert auszuwählen. Erstellen Sie beispielsweise ein Array von $values mit drei Elementen, wie unten gezeigt.

$values = ["value1", "value2", "value3"];

Als nächstes verwenden Sie die Funktion rand(0,2) als Index des Arrays $values.

$value = $values[rand(0,2)];

Hier generiert die Funktion rand(0,2) einen zufälligen Index zwischen 0-2, um einen zufälligen Wert aus dem Array $values auszuwählen. Der Zufallswert wird in der Variablen $value gespeichert.

Verwenden Sie als nächstes die Funktion setcookie(), um ein Cookie namens displayImage mit dem Wert $value zu setzen. Das Cookie hält eine Stunde mit time()+3600.

Vergleichen Sie dann den Cookie-Namen mit der Bedingung if-elseif-else mit den verschiedenen Werten. Prüfen Sie in der if-Bedingung displayName gegen $value1.

Erstellen Sie im if-Block eine Variable $imageUrl und setzen Sie die URL abc.jpeg. Vergleichen Sie in ähnlicher Weise mit $value2 und setzen Sie die URL auf def.jpeg für die Bedingung else if.

Setzen Sie abschließend in der Bedingung else die URL auf xyz.jpeg.

Verwenden Sie in HTML das Tag img, um das Bild einzufügen. Setzen Sie das Attribut src auf die PHP-Variable $imageUrl.

Vergessen Sie nicht, die PHP-Variable in das PHP-Tag zu schreiben.

Beispielcode:

$values = ["value1", "value2", "value3"];
$value = $values[rand(0,2)];
setcookie("displayImage", $value, time()+3600);

if($_COOKIE["displayImage"] == "value1") {
 $imageUrl="parker.jpeg";
}
else if($_COOKIE["displayImage"] == "value2") {
 $imageUrl="cover.jpeg";
}
else {
 $imageUrl="thewanted.jpeg";
}

<img src="<?=$imageUrl?>">

Das obige Beispiel wählt zufällig einen Wert aus und legt ihn als Cookie-Wert fest. Die Programmausführung durchläuft die Bedingungsprüfung und die HTML-Seite zeigt ein Bild entsprechend der Bedingung an.

Somit kann ein Bild entsprechend dem in HTML gesetzten Cookie-Wert angezeigt werden.