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

홈접속시 인덱스 페이지 랜덤하게 불러오기 > 그누보드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 사이에

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

    // 아래는 모바일 장치들의 모바일 페이지 접속을위한 스크립트
    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>

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

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

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

</head>

</body>
</html>