웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
랜덤 배경 이미지
2007.09.04 01:12
※ 이 팁은 배경그림이 바뀌는 약간 조잡한 결과를 보여줍니다.
배경 패턴 이미지를 랜덤으로 보여주는 방법
미리보기(293가지 배경 랜덤 출력)
http://simulz.nayana.kr/zbxe/
이미지가 많을 때는 mt_rand()을 사용하는 것이 좋습니다.
이미지 폴더를 원하는 곳에 생성하여 이미지들을 넣고
이미지 파일명은 marble_95.jpg, mottled_198.jpg 등으로 숫자가 포함된 파일명으로 변경합니다.
가능한 1부터 순서대로 지정합니다.
레이아웃/layout.html 상단에 아래 소스를 알맞게 편집하여 삽입합니다.
제가 사용중인 소스
배경 패턴 이미지를 랜덤으로 보여주는 방법
미리보기(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>
태그 연관 글
- [2021/02/26] 묻고답하기 외부페이지가 레이아웃을 완전히 벗어나 표시됩니다. *1
- [2020/01/02] 묻고답하기 레이아웃 헤더스크립트 삽입시 응답없음 *2
- [2018/10/25] 묻고답하기 사이트 레이아웃이 없어 졌어요!! *1
- [2016/07/27] 묻고답하기 페이지이동 스크립트 문의드려요.+ 홈페이지 꾸미는 문의
- [2016/05/24] 묻고답하기 레이아웃 지정에서 로그인, 회원 가입 페이지는 어디서 지정하나요? *2
댓글 7
-
다케루
2007.09.04 13:46
애드온이나 위젯으로 나오면 아주 좋을 것 같네요~ -
Simulz
2007.09.04 16:52
에...배경 그림 바꾸는 기능만으론 조잡할 것 같아서요...
좀더 실용성 있게 바꾼다음에 애드온으로 만들어 봐야겠습니다. -
스컬리지금어디야
2007.09.05 10:04
{@ } 였군요..........
저도 이미 랜덤이미지를 만들어사용하고있지만,
템플릿파일에 어떻게 php를 사용해야하는지 몰라서 많이 고생했죠....
진작 이 팁이 나왔다면 그런 고생안했을텐데..ㅎㅎㅎ -
Simulz
2007.09.05 12:49
{@ $var}는 <? $var?>와 같고.
{$var} 처럼하면 {@ echo $var}, <?=$var?>, <? echo $var?>와 같습니다. -
질문
2007.09.16 06:46
배경을 스크롤 할때도 고정시키는 방법이 있을까요??
-
Simulz
2007.09.16 11:30
body { background:url("/images/wallpaper/pattern/{$img_rand}.jpg") fixed; }
이런 식으로 뒤에 fixed 속성값을 추가하면 됩니다.
이 때, 속성 이름을 background: 로 변경해야 합니다. -
지허
2007.10.26 13:36
랜덤 함수가 좋은 도움이 되었습니다.
덕분에 랜덤 최근 게시물 위젯을 만들 수 있게 되었습니다.
감사합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
홈페이지 접속 속도에 미치는 에드온. [2] | jih449 | 2009.03.27 |
폰트가 작아져요 [2] | 황소111 | 2009.04.17 |
상단메뉴 개수를 지정한 만큼만 보여주고자 할 경우 [9] | 똑디 | 2007.08.23 |
여러 개의 메뉴를 달아보자! [5] | 고라리 | 2007.08.23 |
위지웍에디터가 갑자기 작동을 안할때 | 팔공산 | 2007.08.23 |
확장변수 [2] | 다케루 | 2007.08.25 |
플래쉬 화일을 헤더와 푸터에 넣어보기 [11] | choi2007 | 2007.08.27 |
분류(카테고리) 색상 지정하기. [12] | 송암 | 2007.08.27 |
올블로그에서 제로보드가 깨질때.. [1] | 스컬리지금어디야 | 2007.08.27 |
썸네일 크기 줄이는 법 [6] | 느까끼 | 2007.08.27 |
최신댓글에 닉네임 출력하기... [5] | 똑디 | 2007.08.28 |
플래시메뉴 사입방법 [4] | urhow1 | 2007.08.29 |
페이지수정 안되시는 분들께 드리는 팁 [2] | 다케루 | 2007.08.30 |
구글광고넣기....(재밌는경험담 본문에 광고 넣으시려는분 꼭 읽어 보세요...) [2] | kangho | 2007.08.30 |
(최근글목록) 분류명 표시하기 & 이미지 [7] | Simulz | 2007.08.31 |
서버이전하고 마이그레이션하고 경험담 [3] | 팔공산 | 2007.08.31 |
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |
랜덤 배경 이미지 [7] | Simulz | 2007.09.04 |
회원에게는 구글 애드센스 보이지 않게 하기 [2] | 스컬리지금어디야 | 2007.09.05 |
확장변수 이용해서 2차 3차 분류 항목 만들기 [3] | VagaBond | 2007.09.08 |