홈접속시 인덱스 페이지 랜덤하게 불러오기 > 그누보드5 팁자료실

그누보드5 팁자료실

홈접속시 인덱스 페이지 랜덤하게 불러오기 정보

홈접속시 인덱스 페이지 랜덤하게 불러오기

본문

안녕하세요 개두리닷컴 운영자 개두리삼촌입니다 ㅎㅎ 이번시간에는 제홈페이지 처럼

홈페이지 접속시 바로 메인화면으로 넘어가지 않고 메인 이전의 인트로 페이지가 있을경우

해당 인트로 페이지를 랜덤하게 출력해주는 간단한 자바스크립트 소스입니다.

 

적용예: http://gaedoori.com/ (index.html)

          http://gaedoori.com/home_intro.html (home_intro.html 첫번째 인트로페이지)

          http://gaedoori.com/home_index.html (home_index.html 두번째 인트로페이지)

접속할때마다 확률로 랜덤하게 위 두곳 페이지중 한곳으로 바로 넘어갑니다.

 

예제01: index.html (해당 스크립트가 있는 인덱스 메인)

예제02: intro01.html (index.html 속성 스크립트 소스의 첫번째 불러올 랜덤페이지)

예제03: intro02.html (index.html 속성 스크립트 소스의 두번째 불러올 랜덤페이지)

intro01.html / intro02.html  // 이부분 자신의 연결할 페이지명으로 고치세요

 

홈인트로 페이지를 만들때는 그누보드 head.php에서 Home(홈메인 메뉴의 Home버튼) 

url을 php함수가 아닌

<a href="index.php">처럼 고치신후 intro01.html / intro02.html 처럼 인트로페이지를 만든후

아래의 인덱스 랜덤 페이지 스크립트 속성에 연결해서 사용하시면 됩니다. 이렇게 하는 이유는

Home 버튼을 클릭했을경우 index.php가 아닌 index.html로 넘어갑니다. (이럴경우 좀 짜증나겠죠 ㅎ)

만약 모바일접속유무 구분을 하실경우 아래 예제 소스의 head와 /head 사이에

다음 스크립트 소스를 복사한후 붙여넣기 하세요

 

<script language="javascript">
    // Mobile여부를 구분하기 위함
    var uAgent = navigator.userAgent.toLowerCase(); 

    // 아래는 모바일 장치들의 모바일 페이지 접속을위한 스크립트
    var mobilePhones = new Array('iphone', 'ipod', 'ipad', 'android', 'blackberry', 'windows ce','nokia', 'webos', 'opera mini', 'sonyericsson', 'opera mobi', 'iemobile');
    for (var i = 0; i < mobilePhones.length; i++)
        if (uAgent.indexOf(mobilePhones[i]) != -1)
           document.location = "m/index.html";
</script>

 

 

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<meta name="generator" content="Namo WebEditor v6.0">
<title>:+: Gaedoori Tube and Community :+:</title>

 

<script LANGUAGE="JavaScript">
 var totalsite = 2;
 var now = new Date()
 var sec = now.getSeconds()
 var site = sec % totalsite;
 site +=1;

 if (site==1) {
 page="intro01.html";
 }

 else if (site==2) {
 page="intro02.html";
 }

 location.replace(''+ page +'');
 </script>

</head>

 

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

 


</body>
</html>

추천
3

댓글 3개

실례지만
<script type="text/javascript"> 대신에
<script language="javascript"> 쓰는 이유가 궁금합니다 특별한 이유가 있을까요?
아..딱히 별다른 이유는 없습니다..말씀하신 전자의경우는 굳이 구분할 필요성이 없어져서 그런겁니다. html5시대라... http://rhammer.tistory.com/52 참고하세요
전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT