2

アダルト コンテンツを含む Wordpress ブログを開始するので、Wordpress で初回のみのスプラッシュ ページが必要です。初回のみの問題は Cookie で修正できます (ただし、すべてのユーザーが Cookie を有効にしているわけではありません)。

私ができることは、Cookie が存在しない場合に別のページをロードするスクリプトを作成することです。または、スプラッシュ ページをホームページにして、Cookie が存在する場合はリダイレクトすることもできます。

しかし、それは私が探しているものではありません。ページに手間をかけたくない。代わりに、背景（ホームページ）を暗くし、留まるか去るかを選択できるパネルを表示する、ライトボックスのようなソリューションを探しています。

これを開始する方法についての手がかりがありません。私は PHP、Javascript、および CSS に精通しているので、コードを求めることさえありません。これに関する Web プログラマーの見解と、スプラッシュ ページを希望どおりに作成する方法についてのヘルプが必要です。それとも愚かな考えですか？

4

5 に答える 5

2

ライトボックスソリューションを使用します。

例
http://leandrovieira.com/projects/jquery/lightbox/

これには、使用方法の例が含まれています。

于 2008-10-24T12:32:18.507 に答える
2

そのための CSS を作成し、すべての準備を整えてから、条件とともにヘッダーに貼り付けます。このようにして、すべてのページに表示されることがわかり、リンクされた場合に「ズボンを下ろしたまま」になることはありません.

私の唯一の懸念は、ライトボックス効果がグラフィックをカバーしていることを確認することです。ユーザーが表示に同意する前に表示したくないと確信しているためです。

于 2008-10-24T12:34:26.663 に答える
2

Cookie をチェックし、Cookie が設定されていない場合にライトボックスを表示する JavaScript コードを少し作成しても問題はありません。JavaScript は、留まるか離れるかを選択できるパネルで div を簡単に表示できます。また、背景を暗くするための別の div もあるかもしれませんが、それは好きな方法で行うことができます。

于 2008-10-24T12:36:30.217 に答える
2

提案されたJQuery ColorBoxソリューションを使用しましたが、インラインは機能せずdisplay: none、jQuery によって変更されなかったので、使用しました

$.colorbox({html:"<div id=\"splash-wrapper\"><h1>it works</h1></div>"});

そしてそれは魅力のように働きました

于 2012-09-04T23:16:20.753 に答える
1

Colorbox を使用して onload と呼びます

http://jacklmoore.com/colorbox/example1/

これを使用して、ロード時にポップアップを作成しています。30 日ごとに期限切れになるように Cookie を設定します。#inline_contentすべてのコンテンツを含むdiv という名前を作成し、次のように設定します。display: none;

お役に立てれば。

        <script>

                $(document).ready(function() { 

                    if (document.cookie.indexOf('visited=true') === -1) {
                       var expires = new Date();
                        expires.setDate(expires.getDate()+30);
                        document.cookie = "visited=true; expires="+expires.toUTCString();
                        $.colorbox({inline:true, width:"40%", height:"450px", href:"#inline_content"});

                    }


                    });

            </script>
于 2012-02-29T22:06:48.353 に答える