웹마스터 팁

랜덤 배경 이미지

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. [2021/02/26] 묻고답하기 외부페이지가 레이아웃을 완전히 벗어나 표시됩니다. by 오뎅궁물 *1
  2. [2020/01/02] 묻고답하기 레이아웃 헤더스크립트 삽입시 응답없음 by 검은새 *2
  3. [2018/10/25] 묻고답하기 사이트 레이아웃이 없어 졌어요!! by 김옥철 *1
  4. [2016/07/27] 묻고답하기 페이지이동 스크립트 문의드려요.+ 홈페이지 꾸미는 문의 by 꿈꾸는나무
  5. [2016/05/24] 묻고답하기 레이아웃 지정에서 로그인, 회원 가입 페이지는 어디서 지정하나요? by 해피지영 *2
제목 글쓴이 날짜
플래시메뉴 사입방법 [4] urhow1 2007.08.29
분류가 있는 게시판에서 전체분류모드로 게시물 클릭시 딜레이 현상 [2] Sx3 2007.08.30
페이지수정 안되시는 분들께 드리는 팁 [2] 다케루 2007.08.30
구글광고넣기....(재밌는경험담 본문에 광고 넣으시려는분 꼭 읽어 보세요...) [2] kangho 2007.08.30
회원 단축 메뉴 보여주기 file Simulz 2007.08.30
(최근글목록) 분류명 표시하기 & 이미지 [7] Simulz 2007.08.31
서버이전하고 마이그레이션하고 경험담 [3] 팔공산 2007.08.31
(최근글목록) 게시판 이름 출력하기 #2 [12] file Simulz 2007.08.31
관리자 아이디 사용제한 체크하는 어이없는 실수 & 해결 [5] refree 2007.09.01
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] Simulz 2007.09.02
랜덤 배경 이미지 [7] Simulz 2007.09.04
(설문조사) 회원만 설문 조사 하도록 [8] Simulz 2007.09.04
회원에게는 구글 애드센스 보이지 않게 하기 [2] 스컬리지금어디야 2007.09.05
글이 중간에 짤릴 경우.. 송암 2007.09.06
확장변수 이용해서 2차 3차 분류 항목 만들기 [3] VagaBond 2007.09.08
(게시판) 목록에 확장 변수를 출력하기 [18] file Simulz 2007.09.08
메인 페이지 링크 www. 주소 표시, 로그인 링크 문제.... [5] 마덴나 2007.09.08
(파일 첨부) 파일명 안보일 때 ... 없애기 [9] Simulz 2007.09.10
랭킹에 순위 넣기! ㅋ~ (꼼수;) file 다케루 2007.09.11
파일 업로드시에 403에러 발생시 해결방법. [12] WhiteAT 2007.09.12