웹마스터 팁

랜덤 배경 이미지

2007.09.04 01:12

Simulz

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


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

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


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

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

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

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

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

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



제가 사용중인 소스
  1. {@ $img_array = array("marble_", "mottled_")}
  2. {@ $img_rand = array(mt_rand(1, 95),mt_rand(1, 198))}
  3. {@ $img_tag = mt_rand(0, 1)}
  4. <style type="text/css">
  5.     body { background-image:url("/images/wallpaper/pattern/{$img_array[$img_tag]}{$img_rand[$img_tag]}.jpg"); }    
  6. </style>
태그 연관 글
  1. [2020/01/02] 묻고답하기 레이아웃 헤더스크립트 삽입시 응답없음 by 검은새 *2
  2. [2018/10/25] 묻고답하기 사이트 레이아웃이 없어 졌어요!! by 김옥철 *1
  3. [2016/07/27] 묻고답하기 페이지이동 스크립트 문의드려요.+ 홈페이지 꾸미는 문의 by 꿈꾸는나무
  4. [2016/05/24] 묻고답하기 레이아웃 지정에서 로그인, 회원 가입 페이지는 어디서 지정하나요? by 해피지영 *2
  5. [2016/03/25] 묻고답하기 레이아웃에서 변수선언시 모듈에서의 이용 by 카니엘 *3