랜덤 배경 이미지

※ 이 팁은 배경그림이 바뀌는 약간 조잡한 결과를 보여줍니다.


배경 패턴 이미지를 랜덤으로 보여주는 방법

미리보기(293가지 배경 랜덤 출력)
http://simulz.nayana.kr/zbxe/


이미지가 많을 때는 mt_rand()을 사용하는 것이 좋습니다.

이미지 폴더를 원하는 곳에 생성하여 이미지들을 넣고

이미지 파일명은 marble_95.jpg, mottled_198.jpg 등으로 숫자가 포함된 파일명으로 변경합니다.

가능한 1부터 순서대로 지정합니다.

레이아웃/layout.html 상단에 아래 소스를 알맞게 편집하여 삽입합니다.

{@ $img_rand = array(mt_rand(1, 100))} <style type="text/css"> body { background-image:url("/images/wallpaper/pattern/{$img_rand}.jpg"); } </style>


제가 사용중인 소스
{@ $img_array = array("marble_", "mottled_")} {@ $img_rand = array(mt_rand(1, 95),mt_rand(1, 198))} {@ $img_tag = mt_rand(0, 1)} <style type="text/css"> body { background-image:url("/images/wallpaper/pattern/{$img_array[$img_tag]}{$img_rand[$img_tag]}.jpg"); } </style>