JIYIK CN >

This article will introduce a method to display images in HTML format based on cookies set in PHP.

Display images based on cookies set in HTML

The problem statement is that we need to display a specific image based on a cookie passed by the web page. We can set cookies using the setcookie() PHP function.

Next, we can use if-elseif-elsea conditional to check for cookies. This way, we can set an image based on the cookie and display it in HTML.

Let's consider a scenario where a user can be directed to a web page via 3 different web pages. We need to set different cookies in each case.

For example, if the user is directed to page 1, the cookie should be set to value 1. We can simulate this phenomenon using PHP's rand() function.

This function can be used to select a random cookie value. For example, create a $values ​​array with three items as shown below.

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

Next, use rand(0,2)the function as an index into the $values ​​array.

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

Here, the function rand(0,2)generates a random index between 0 and 2 to pick a random value from the array $values. The random value is stored in the $value variable.

Next, setcookie()a cookie named displayImage is set with a value of $value using the function . The cookie will last for one hour time()+3600.

Then, use the if-elseif-else condition to check the cookie name against different values. In the if condition, check displayName against $value1.

In the if block, create a variable $imageUrl and set the URL abc.jpeg. Similarly, check $value2 and set the URL to def.jpeg for the else if condition.

Finally, the else condition sets the URL to xyz.jpeg.

In HTML, use the img tag to insert an image. Set the src attribute to the $imageUrl PHP variable.

Don't forget to write the PHP variables inside the PHP tags.

Sample code:

$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?>">

The above example will randomly select a value and set it as the cookie value. The program execution will go through the conditional check and the HTML page will display the image based on the condition.

This way you can display images based on the cookie value set in the HTML .