2012-12-05 2 views
2

내 웹 사이트에는 홈페이지에만 표시 할 슬라이더가 있습니다. 내 홈페이지는 다음과 같습니다.부서 대표 1 회 방문

<body> 
    <div class="wrapper"> 
    <div class="header"></div> 
    <div class="slider"></div> 
    <div class="maincontent"></div> 
</div> 
</body> 

내 페이지는 첫 번째 페이지에만 표시되도록 슬라이더 div를 사용한다는 점만 제외하면 동일한 레이아웃입니다. 따라서 사용자가 처음 웹 사이트에 도착하면 슬라이더를 볼 수 있지만 다른 페이지로 이동하면 슬라이더가 사라집니다.

jquery와 함께 할 수있는 방법이 있는지 궁금합니다. 쿠키? 누구든지 제안이 있으면 어떻게해야하는지 알려주세요. 감사!

+2

잠깐만 - 홈 페이지 나 _any_ 페이지에 슬라이더를 표시 하시겠습니까? 첫 방문시에만 표시 하시겠습니까? 문제는 두 가지 방법으로 읽을 수 있습니다. –

+1

홈 페이지로 돌아 가면 다시 볼 수 있습니까? – Cymen

+3

슬라이더 div를 서버 측 코드 만 사용하여 홈 페이지에 추가하는 것이 좋습니다. 당신이 그것을 사용하지 않는 경우 왜 모든 페이지에 그것을 두는가? –

답변

3

예, 방법이 있습니다. 사실 여러 가지 방법이 있습니다. Javascript와 PHP 같은 서버 측 스크립팅 언어를 사용하여이 작업을 수행 할 수 있습니다. 서버 측 스크립팅 언어를 사용하는 것이 좋습니다. 왜냐하면 사용되지 않으면 페이지에 요소를 추가하는 것이 아니라 작은 양의 대역폭을 차지하기 때문에 요소를 추가 할 필요가 없기 때문입니다. 어쨌든, 두 가지 방법을 사용하여 예는 다음과 같습니다 자바 스크립트

<body> 
<div class="wrapper"> 
<div class="header"></div> 
<?php 

if (!isset($_COOKIE['visisted'])) { 
    setcookie('visited', true, time() + 3600 * 24); // Save a cookie for 1 day 
    echo '<div class="slider"></div>'; 
} 

?> 
<div class="maincontent"></div> 
</div> 
</body> 

그리고 사용 :

이 PHP를 사용

그런데
<head> 
<style type="text/css"> 
div#slider { 
    /* Hide the div */ 
    display: none; 
} 
</style> 
</head> 

<body> 
<div class="wrapper"> 
<div class="header"></div> 
<div class="slider"></div> 
<div class="maincontent"></div> 
</div> 

<script type="text/javascript"> 
var cookie = document.cookie; 
if (cookie.indexOf('visited=', 0) == -1) { 
    var expiration = new Date(); 
    expiration.setDate(expiration.getDate()+1); 
    document.cookie = 'visited=1;expires=' + expiration + ';path=/'; 

    var element = document.getElementById('slider'); 
    element.style.display = 'block'; 
} 
</script> 
</body> 

, 나는이 전체 HTML 페이지가 아닌 가정? Doctype, 태그 등을 추가해야하기 때문에 분명합니다.

+0

홈페이지 방문뿐만 아니라 웹 사이트 어디서나 한번 방문하는 것은 어떻습니까? –

+0

@RazvanZamfir 정확히 동일합니다. 모든 페이지에 동일한 코드를 삽입하기 만하면됩니다. – Frog

2

물론, 당신이 사용할 수 있습니다

  1. 쿠키, 즉 액세스 할 수 있습니다 JS
  2. HTML5 WebStorage, 너무 좋은 장소입니다,하지만 새로운 브라우저
0

만약에 작동하는 브라우저에 구속되지 않습니다. HTML5 LocalStorage 변수를 사용하는 것이 좋습니다.

http://www.w3schools.com/html/html5_webstorage.asp

당신이 독립적 인 브라우저로 가정된다 그러나 만약 내가 쿠키 또는 방문 IP의와 데이터베이스와 갈 것 (등 IE6를 지원).