HTML의 쿠키를 기반으로 이미지 표시

이 글은 PHP에서 설정한 쿠키에 따라 HTML로 이미지를 표시하는 방법을 소개합니다.

HTML에 설정된 쿠키에 따라 이미지 표시

문제는 웹 페이지에 전달된 쿠키를 기반으로 특정 이미지를 표시해야 한다는 것입니다. setcookie() PHP 함수를 사용하여 쿠키를 설정할 수 있습니다.

다음으로 if-elseif-else 조건을 사용하여 쿠키를 확인할 수 있습니다. 따라서 쿠키에 따라 이미지를 설정하고 HTML로 표시할 수 있습니다.

사용자가 3개의 서로 다른 웹 페이지를 통해 웹 페이지로 이동할 수 있는 시나리오를 생각해 봅시다. 각각의 경우에 쿠키를 다르게 설정해야 합니다.

예를 들어 사용자가 페이지 1을 통해 이동하는 경우 쿠키는 value1로 설정되어야 합니다. 이 현상을 시뮬레이션하기 위해 PHP rand() 함수를 사용할 수 있습니다.

이 함수는 임의의 쿠키 값을 선택하는 데 사용할 수 있습니다. 예를 들어 아래와 같이 세 개의 항목이 있는 $values 배열을 만듭니다.

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

다음으로 rand(0,2) 함수를 $values 배열의 인덱스로 사용합니다.

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

여기서 rand(0,2) 함수는 0-2 사이의 임의 인덱스를 생성하여 $values 배열에서 임의의 값을 선택합니다. 무작위 값은 $value 변수에 저장됩니다.

다음으로 setcookie() 함수를 사용하여 $value 값으로 displayImage라는 쿠키를 설정합니다. 쿠키는 time()+3600으로 한 시간 동안 지속됩니다.

그런 다음 if-elseif-else 조건을 사용하여 다른 값에 대해 쿠키 이름을 확인합니다. if 조건에서 $value1에 대해 displayName을 확인합니다.

if 블록에서 $imageUrl 변수를 만들고 abc.jpeg URL을 설정합니다. 마찬가지로 $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?>">

위의 예는 임의로 값을 선택하여 쿠키 값으로 설정합니다. 프로그램 실행은 조건 체크를 거치게 되며 HTML 페이지는 조건에 맞는 이미지를 출력하게 됩니다.

따라서 HTML에 설정된 쿠키 값에 따라 이미지를 표시할 수 있습니다.