Mostrar imagen basada en cookies en HTML

Este artículo presentará una forma de mostrar una imagen en HTML de acuerdo con las cookies configuradas en PHP.

Mostrar imagen de acuerdo con las cookies configuradas en HTML

La declaración del problema es que necesitamos mostrar una imagen específica basada en la cookie pasada en la página web. Podemos configurar una cookie utilizando la función PHP setcookie().

A continuación, se puede utilizar la condición if-elseif-else para comprobar la cookie. Por lo tanto, podemos configurar la imagen de acuerdo con la cookie y mostrarla en HTML.

Consideremos un escenario en el que se puede dirigir a un usuario a una página web a través de 3 páginas web diferentes. Necesitamos configurar las cookies de manera diferente en cada uno de los casos.

Por ejemplo, si se dirige al usuario a través de la página 1, la cookie debe establecerse en valor1. Podemos usar la función PHP rand() para simular este fenómeno.

La función se puede utilizar para elegir un valor de cookie aleatorio. Por ejemplo, cree una matriz de $valores con tres elementos, como se muestra a continuación.

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

A continuación, utilice la función rand(0,2) como índice de la matriz $values.

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

Aquí, la función rand(0,2) genera un índice aleatorio entre 0-2 para elegir un valor aleatorio de la matriz $valores. El valor aleatorio se almacena en la variable $value.

A continuación, utilice la función setcookie() para establecer una cookie denominada displayImage con el valor $value. La cookie durará una hora con time()+3600.

Luego, compare el nombre de la cookie con los diferentes valores utilizando la condición if-elseif-else. En la condición if, verifique el displayName contra $value1.

En el bloque if, cree una variable $imageUrl y establezca la URL abc.jpeg. Del mismo modo, verifique con $value2 y establezca la URL en def.jpeg para la condición else if.

Finalmente, establezca la URL en xyz.jpeg en la condición else.

En HTML, use la etiqueta img para insertar la imagen. Establezca el atributo src en la variable PHP $imageUrl.

No olvide escribir la variable PHP dentro de la etiqueta PHP.

Código de ejemplo:

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

El ejemplo anterior elegirá aleatoriamente un valor y lo establecerá como un valor de cookie. La ejecución del programa pasará por la verificación de condición y la página HTML mostrará una imagen de acuerdo con la condición.

Por lo tanto, se puede mostrar una imagen de acuerdo con el valor de cookie establecido en HTML.