HTML の Cookie に基づいて画像を表示する

この記事では、PHP に設定された Cookie に従って HTML で画像を表示する方法を紹介します。

HTMLに設定されたCookieに従って画像を表示する

問題は、Web ページで渡された Cookie に基づいて特定の画像を表示する必要があることです。 setcookie() PHP 関数を使用して Cookie を設定できます。

次に、if-elseif-else 条件を使用して Cookie を確認できます。 したがって、Cookieに従って画像を設定し、HTMLで表示できます。

ユーザーが 3つの異なる Web ページから Web ページに誘導されるシナリオを考えてみましょう。 ケースごとに異なる Cookie を設定する必要があります。

たとえば、ユーザーがページ 1 に移動した場合、Cookie は value1 に設定する必要があります。 PHP の rand() 関数を使用して、この現象をシミュレートできます。

この関数を使用して、ランダムな Cookie 値を選択できます。 たとえば、以下に示すように、3つの項目を持つ $values の配列を作成します。

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

次に、rand(0,2) 関数を $values 配列のインデックスとして使用します。

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

ここで、関数 rand(0,2) は 0-2 の間のランダムなインデックスを生成し、配列 $values からランダムな値を選択します。 ランダムな値は、$value 変数に格納されます。

次に、setcookie() 関数を使用して、displayImage という名前の Cookie に値 $value を設定します。 Cookie は time()+3600 で 1 時間持続します。

次に、if-elseif-else 条件を使用して、さまざまな値に対して Cookie 名を確認します。 if 条件で、displayName を $value1 と照合します。

if ブロックで、変数 $imageUrl を作成し、URL abc.jpeg を設定します。 同様に、$value2 に対してチェックし、else if 条件の URL を def.jpeg に設定します。

最後に、else 条件で URL を xyz.jpeg に設定します。

HTML では、img タグを使用して画像を挿入します。 src 属性を $imageUrl PHP 変数に設定します。

PHP タグ内に PHP 変数を記述することを忘れないでください。

コード例:

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

上記の例では、値をランダムに選択して Cookie 値として設定します。 プログラムの実行は条件チェックを通過し、条件に応じて HTML ページに画像が表示されます。

これにより、HTML に設定された Cookie の値に従って画像を表示することができます。