モーダルウインドウ以前紹介したCookieを使って、モーダルウィンドウの年齢認証を作成する方法の改良版です。よるレイアウト変更が容易になりました。必要な機能をしぼって、軽量かつ汎用的にしてみました。デモデモページ五木川ダムの渋い魅力はアダルトな感じがするので、年齢認証を設置してみました。モーダルウインドウは、シックに単色背景透明で作ってみましたが、見た目はCSSで自由に変更できます。・jQuery・jquery.cookie.js・modalConfirm.jsjQueryはGoogleライブラリから直接読み込みましょう。のこり2つのファイルはアップロードしてヘッダ内で読み込みます。要素をモーダルウインドウとして表示します。HTMLの最後にモーダルとして表示させる部分を書き込みます。class="modal"><p>このサイトは成人向けの情報を含みますので、<br>18歳未満の方の閲覧を固くお断りいたします。いうクラス名の要素を設置します。クリックするとモーダルウインドウが復活します。CSSこのへんはお好みで。設定しておくのが気をつける点です。制御で一定時間はモーダルを再表示しないようになっています。120;//Cookieの有効期限(分)最後にもう一度アダルトなダムをデモページ先程年齢認証を通過した状態であればモーダルウインドウは表示されないはずです。v1.10.2では動かないようなので、動くようにしていただけると幸いです。PMオホウと思いjQueryのバージョンを1.10.2に上げてみたのですが、デモサイトでは動作するようです。http://klutche.github.io/modalConfirm/ブラウザ等の環境条件があるのでしょうか、もし動作しない条件がわかれば教えて頂けると助かります。AMワードプレスを使用しているのですが、どうすればいいのかが分かりません。avascriptを公開されていた為お借りしました。基本的なものはコピペでバッチリ表示出来ました。avascriptを公開されていた為お借りしました。基本的なものはコピペでバッチリ表示出来ました。AM検索で辿り着きました。実装で焦って調べていたところ、こちらのおかげで何とかなりそうで、すごく助かりました。AMお世話になります。こちらのスクリプト使わせて頂いて初回訪問者には固定の画像を表示し、二回目以降は表示しないという形で組み込んだのですが、機能自体は動いているのですが、クッキーを手動で削除しなくても、時間を何時間か置いて新しくブラウザを立ち上げてアクセスすると、最初と同じように初回表示用の画像が表示されてしまいます。これは、時間が経つと初期設定に戻ってしまうということなのでしょうか?スクリプトは初心者なので、大変申し訳ないのですが、ご回答宜しくお願い致します。AM年齢認証の情報を確認中に発見しました。年齢認証の情報ありがとう御座います。ご存知なら教えて頂きたく書き込みします。飛ばす方法をご存知なら教えて頂きたくお願い致します。PMこちらのおかげで無事に設置することが出来たのですが、サイトに訪れた時、モーダルウィンドウを表示するまでに3秒位開けることは出来ませんか?サイトを訪れた瞬間に開く設定ですと、TwitterでURL載せた時にサイト画像が載らなくなってしまいました。拒否している状態になってしまって、SEO的にも困っています。ご教授お願い致します。AM簡単に実装でき、コードも短く便利です!ありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。