ブックマーク / black-flag.net (2)

  • jQueryで「jquery.cookie.js」を使ってページの初回アクセスのみ処理を変える方法|BLACKFLAG

    このところ立て続けに、 Webページ上に初回アクセスのみ動画を表示させたい、 Webページ上に初回アクセスのみモーダルウィンドウを表示させたい、 など、初回アクセス時に処理・制限を変える要望があり、 「jquery.cookie.js」を使ってのクッキー処理にて それらを制御するサンプルを作ってみたので、 メモ書き程度に紹介してみます。 今回のサンプルでは、 初回アクセス時のみページ上に「初回アクセスです。」の メッセージテキストを表示するサンプルです。 jQuery Cookie First Access Control まずは動作サンプルから。 下記のリンクをクリックして表示されるページは、 初回アクセス時のみ、ページ上に「初回アクセスです。」のテキストが表示されます。 ※リロードしてアクセスが2回目以降となるとテキストは非表示になります。 ≫jQuery Cookie First A

    jQueryで「jquery.cookie.js」を使ってページの初回アクセスのみ処理を変える方法|BLACKFLAG
  • jQueryで自動でスライドするカルーセルパネルUIを作成する方法|BLACKFLAG

    以前、「jQueryでシンプルなカルーセルパネルスライドUIを作成する方法」と題して、 jQueryを使ってのシンプルなスクリプトでカルーセルUIを実装する方法を紹介しましたが カルーセル動作での自動でスライドするパターンの実装方法のリクエストをいただき、 以前のものをカスタマイズして、試しに作ってみたので紹介してみます。 まずは動作のサンプルから。 jQuery SIMPLE CAROUSEL AUTO SLIDE【SAMPLE】 5秒ごとにカルーセルパネルが自動でスライドします。 スライドは左右の矢印をクリックすることで動作させることも可能です。 並べられたコンテンツ要素(画像)は一つずつスライドし、 要素全体はループして表示されます。 このカルーセルパネルUIの全体構成について、 まずはHTMLから。 ◆HTML <div id="carousel"> <ul> <li><a hre

    jQueryで自動でスライドするカルーセルパネルUIを作成する方法|BLACKFLAG
  • 1