JQueryライトボックス - 特定のdivにオーバーレイを限定 - ページ全体ではありません

これを理解しようと数日間を費やしましたが、おそらく不可能です。JQueryライトボックス - 特定のdivにオーバーレイを限定 - ページ全体ではありません

私はjqueryライトボックスを使用しており、複数のギャラリーにはそれぞれライティングボックス機能を備えた別個のメインページナビゲーションを使用しています。

div内にjqueryライトボックスオーバーレイをネストしたいので、ウィンドウ全体をカバーすることはできませんが、divにのみ関連していますか？

理由 - 私はオーバーレイをクリックせずにメインナビゲーションにアクセスしたいと思いますし、ライトボックスのコンテンツを設定パラメータ（つまりページのコンテナ）内に収めて、別の画面解像度を使用して移動しないようにしますしたがって、メインのナビゲーションバーと見出しとは一致しません。

可能であれば、これを可能にするために使用するアドバイスは、jqueryスクリプト、アドオンです。または他の提案をいただければ幸いです。

は、私はあなたがおそらくライトボックスプラグインの提供オーバーレイを廃止し、自分をしなければならないと思うよあなたに

出典

2011-06-16 Mamij

私の回答が役に立った場合は、自分の投稿の横にあるチェックボックスをクリックして緑色に変わってください。ありがとうございました。 –

これは* hackable *だと思います。使用しているライトボックスへのリンクを付けることはできますか？ –

ありがとうございます。

オーバーレイを作成するプロセスは簡単です。私はここで車輪を再発明することができます、または私はちょうどこのブログのポストのようなものをあなたに送ることができます：http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

#overlayクラスのオーバーレイdivを参照してくださいか？それをコンテナにサイズ変更するために必要な作業は、そのコンテナ内にそのオーバーレイdivを置き、コンテナスタイルposition: relativeを設定することだけです。

JavaScriptサイドでそのポストの実装をすべて無視し、お気に入りのモーダルプラグインに置き換えることができますが、カスタムを表示/非表示するにはモーダルダイアログのshow/hideイベントにバインドする必要がありますオーバレイ、確実に可能なもの。ただし、これを行う詳細は、選択したプラグインによって異なります。

出典

2011-06-16 13:42:36

ありがとう、ハム！申し訳ありませんがリターンをクリックして、あなたはよく値するが、私は私が私の目的のためにおそらくあなたの方法はより良いと思う、ありがとうございました！ – Mamij

ありがとうございます。 – Mamij

Mamj、私の回答が役に立ったら、私の投稿の横のチェックボックスをクリックして緑色に変わってください。ありがとうございました。 –

ライトボックスがページの下にロードされているという問題に直面していました。問題は、CSSファイルを含むコードで

ページ下のライトボックスの負荷が私はこのライン

<link type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

を書かれている

のみリンクタグ内のrel =「スタイルシート」inculde

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

問題が解決しました

出典

2012-05-09 07:27:09

JQueryライトボックス - 特定のdivにオーバーレイを限定 - ページ全体ではありません

答えて

関連する問題