웹마스터 팁
배너 랜덤추출 스크립트 [xe적용방법]
2008.02.19 09:42
배너 랜덤추출 스크립트 입니다.
1. 아래 소스를 filename.js 파일로 저장해 주세요.
// 배너랜덤출력 var banner=new Array(); banner[0]="<a href='배너1 링크 URL'><img src='배너1 이미지 경로' border='0'></a>"; banner[1]="<a href='배너2 링크 URL'><img src='배너2 이미지 경로' border='0'></a>"; banner[2]="<a href='배너3 링크 URL'><img src='배너3 이미지 경로' border='0'></a>"; var random_banner=Math.floor(Math.random()*(banner.length));
2. 적용하실 레이아웃 폴더 안의 js폴더에 업로드 합니다.
3. 적용하실 레이아웃의 편집버튼을 누르시고 상단에 아래 소스를 추가하세요.
<!--%import("js/filename.js")-->
4. 레이아웃에 배너를 출력하고 싶은 부분을 찾아 아래 소스를 추가하세요.
<script>document.write(banner[random_banner]);</script>
5. 완성된 모습을 확인하세요.
감사합니다.
댓글 16
-
비밀얌
2008.02.19 10:51
-
푸마지우개
2008.02.19 11:56
일반 페이지에 추가하려면 어떻게 해야되나요? -
J..
2008.02.19 12:04
1. 아래 소스를 <head></head> 사이에 삽입하세요.
<script language="JavaScript" type="text/JavaScript">
<!--
// 배너랜덤출력
var banner=new Array();
banner[0]="<a href='배너1 링크 URL'><img src='배너1 이미지 경로' border='0'></a>";
banner[1]="<a href='배너2 링크 URL'><img src='배너2 이미지 경로' border='0'></a>";
banner[2]="<a href='배너3 링크 URL'><img src='배너3 이미지 경로' border='0'></a>";
var random_banner=Math.floor(Math.random()*(banner.length));
//-->
</script>
2. 배너를 출력하고 싶은 위치에 아래 소스를 추가하세요.<script>document.write(banner[random_banner]);</script> -
푸마지우개
2008.02.19 12:06
감사합니다. ㅎㅎ 답변 빠르네요~ -
유우타
2008.02.20 02:06
우와!! 좋습니다! 감사합니다!
잘 쓰겠습니다! -
대암지기
2008.02.20 16:38
간단하면서 아주 야무진 팁이네요. 추천을 여러번 하고싶은데 한번 밖에 못한다는....
-
moonsoo
2008.02.22 15:51
수고많으시고, 감사합니다.
여러개의 배너를 순서만 랜덤하게 하려면 어떻게 해야하는지 조언 부탁드립니다. 감사합니다.
--------------------------------------------------------------아래 다시질문 드립니다
여러개의 배너를 모두표시하고 순서만 랜덤하게 하려면 어떻게 해야하는지 조언 부탁드립니다. 감사합니다. -
라싸
2008.02.22 22:24
여러개의 배너를 순서만 랜덤하게 <- 이게 위의 방법 아닌가요? 제가 이해를 잘못한건가요...
-
moonsoo
2008.02.23 14:17
제가 말을 좀 못했네요. ^^;;
여러개의 배너를 모두표시하고 순서만 랜덤하게 하려면 어떻게 해야하는지 조언 부탁드립니다. 감사합니다. -
라싸
2008.02.24 17:10
이리저리 휘둘러봤는데.. 잘 모르겠네요 ㅠ.ㅠ 죄송합니다~
-
moonsoo
2008.02.25 02:08
아니에요 . 고생해 주셔서 감사합니다. -
산들바람88
2008.02.25 04:41
이거 정말 좋네요 ㅎㅎ 굿입니다! -
2개배너
2008.03.06 08:47
좋은 팁 감사합니다. 저는 지금 사이트에 두개의 배너가 있는데 이번에 배너하나를 더 덜아야 하는데 자리가 없습니다.
그니깐 배너가 총 3개 인데 자리는 2 곳 밖에 없으니 페이지가 로딩할때마다 2개 보여 주게 해야합니다. 그런데 똑같은거
2개 계속 보여주게 말고요 번갈아 가면서 순서대로 2개씩 나오게 하고 싶은데 이게 가능할까요? 혹시 가능 하다면 알려주시면
고맙겠습니다. -
정다운804
2008.06.09 13:09
너무 감사히 잘 사용하고 있습니다....
이미지 배너 하고, 플래쉬배너를 같이 쓰는곳에 램덤 하게 하려면 어떻게 해야 하나요..??
방법좀 알려주세여..... -
야옹이님
2014.01.21 22:37
This is Great Source...
Thank You Lassa.
-
유진123
2016.06.10 09:11
3. 적용하실 레이아웃의 편집버튼을 누르시고 상단에 아래 소스를 추가하세요.
<!--%import("js/filename.js")-->
<!--%import("js/filename.js")--> 이걸 정확히 어디에 넣어야 하는건가요?
제목 | 글쓴이 | 날짜 |
---|---|---|
member 모듈 메일인증을 사용할때 모바일 기본스킨에서 회원가입 후 이메일 발송 안내 띄우기 [2] | 후하니 | 2015.08.01 |
새로고침 없는 실시간 웹서비스를 위한 기술과 간략한 역사(?) [1] | onTrust | 2015.07.27 |
[실험팁] XE 고용량/큰사진 썸네일 깨지는 것 해결 | socialskyo | 2015.07.20 |
레이아웃 메뉴에서 메뉴옆에 글수 표시하기 | 반걸 | 2015.07.20 |
DB에서 직접 시퀀스 생성하기 [3] | 기진곰 | 2015.07.18 |
CloudFlare 사용시 방문자 IP와 SSL 접속여부가 정확하게 파악되지 않는 문제 해결법 [4] | 기진곰 | 2015.07.12 |
IIS서버 자동 설치 프로그램(PHP, MySQL, phpMyAdmin) [1] | 공처아찌 | 2015.07.12 |
모바일에 최적화된 화면으로 보기 문구가 레이아웃을 가리는 문제 | creative8 | 2015.07.11 |
config 파일을 일반 유저가 쓸 수 없는 문제 해결법 [15] | wkp | 2015.07.09 |
문서페이지가 수정이 되지 않는 문제 [2] | monet | 2015.07.07 |
위젯 가운데 정렬 하는법 [3] | 불금 | 2015.07.05 |
홈페이지 제작 시 점검사항 15가지 [1] | 유래유거 | 2015.06.29 |
사이트 서버 운영체제와 사용하는 웹서버 소프트웨어 알아보는 사이트 | 후하니 | 2015.06.28 |
홈페이지 속도가 느린 이유.(팁같지도 않은 팁) [11] | 가브리엘조 | 2015.06.27 |
cloudflare api 용 curl 기본값 | 마루디자인 | 2015.06.24 |
추천검색어,실시간인기순위 소스 | codlllle | 2015.06.21 |
실시간 rss 피드글 출력 위젯 | codlllle | 2015.06.20 |
다음 위젯 뱅크를 대신할 위젯 베스트! | codlllle | 2015.06.20 |
자신이 쓴 글에 특정유저 댓글을 차단 | Ikoo | 2015.06.20 |
다음 실시간 검색어 위젯 | codlllle | 2015.06.19 |
와우 빨리 만들어주셨네요 감사합니다 ^^