웹마스터 팁
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
랜덤 함수가 좋은 도움이 되었습니다.
덕분에 랜덤 최근 게시물 위젯을 만들 수 있게 되었습니다.
감사합니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
랜덤 배경 이미지 [7] | Simulz | 2007.09.04 |
레이아웃수정시 참고할 zbXe레이아웃스킨의 css와 layout 상관관계(1.0.0 기본스킨) [21] | 갯가 | 2008.04.08 |
엑소버드 음악 제로보드XE에 구겨넣기... [8] | artlab | 2008.04.17 |
제로보드XE에 배경음악 달기 [4] | Dr.Mabin | 2008.04.26 |
XpressEngine 1.2.2용 배경음악 틀 [4] | 마빈박사359 | 2009.05.10 |
XE core 1.4.5.7 코드 오류,(상자 위젯 배경 안될때) [2] | 홍성빈닌 | 2011.05.17 |