メモ:fancyboxを自動で開く&Cookieを使って1回きりだけ動作させる

fancyboxの読み込みと実装に関しては割愛。Cookieについては、お手軽にCookie機能を導入できる「jquery.cookie.js」を使用。

JavaScriptの読み込みは、CDNから。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>

その後、以下のようなJavaScriptを記述。

$(document).ready(function(){

//Cookie ※初回訪問時にのみ強制的にモーダルを開き、2回目以降は開かない
if($.cookie("tekitou") == undefined) { //Cookieの容器の名前は何でもOK。ここではtekitouとした。
    $.fancybox.open($('.fancybox')); //自動でfancyboxを開く記述
    $.cookie("tekitou","atai_mo_tekitou"); //tekitouの値もテキトーでOK。ここではatai_mo_tekitouとした。
  // 2回目以降の訪問
  } else {
    //特に何も記述しない
  }
});
0