웹마스터 팁
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
랜덤 함수가 좋은 도움이 되었습니다.
덕분에 랜덤 최근 게시물 위젯을 만들 수 있게 되었습니다.
감사합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
랜덤 배경화면 구현하기 초간단 스크립트 공개(중복아님) [5] | 호호짱 | 2003.05.07 |
[re] [소스] [배경음악] 첫곡은 랜덤, 그 이후로는 순차재생 --> 문제해결! [1] | 장진석 | 2003.06.02 |
미디 랜덤으로 듣기 완벽해결! [4] | K.샘 | 2003.02.05 |
혹시 이런것도 될까-_-;;. 시노부 플레이어에서 랜덤 모드 사용자가 택하게 하기 | TuTy | 2003.01.09 |
mid 랜덤으로 듣기 ... [2] | 아벨라 | 2003.01.02 |
★랜덤으로 음악 재생하기★ [23] | 뽀유♡ | 2002.08.16 |
랜덤으로 바뀌는 배경이미지 [11] | ZipShin | 2002.08.13 |
랜덤으로 배경음악 지정하기. [5] | ZipShin | 2002.08.13 |
랜덤메시지 + 흐르는 메세지 [4] | keymove | 2002.06.13 |
[수정] 랜덤배경음악 + 폼버튼 [1] | keymove | 2002.06.13 |
[JavaScript] 랜덤 추천 사이트 링크버튼 만들기 (추천) [4] | SM | 2002.02.25 |
▩(JAVA)랜덤으로 이미지 출력 되기 [1] | ▩윤미 | 2002.02.24 |
[JavaScript] 랜덤 듀레이션 효과 - 페이지 들어오고 나갈때 벗겨지는 효과 보여주기 [1] | SM | 2002.02.24 |
랜덤으로 (최근) 게시물 추출하기.. [13] | 지허 | 2007.11.02 |
랜덤 배경 이미지 [7] | Simulz | 2007.09.04 |
플래시로 페이지에 랜덤 이미지 돌리기 [3] | ☜ TeRy ☞ | 2008.04.04 |