Jquery ThickBox プラグインの使用経験 (非推奨)_jquery

公式推奨のプラグインを使用できます

プロジェクトの作業中に、facebox を素早く 2 回クリックすると黒い画面が表示されやすいことに気づきました。また、divよりもtableの方が構造が安定しているためか、faceboxの枠組みはtableで書かれています。ポップアップ レイヤーにテーブル レイアウトがある場合、スタイルはフェイスボックス スタイルの影響を受けるため、再度リセットする必要があります。

公式apiを見て調べて整理しました。下の図を見てください:

添付ファイルのindex.htmlはホームページであり、他のページは呼び出しページです。インデックスページをクリックすると、図のようなページが表示されます。画像、ボタン、テキストはすべてクリックできます。クリックする必要があるタグは、class="thickbox" を使用して追加する必要があります。ページにスクロール バーが表示されると、ポップアップ レイヤーはウィンドウの中央に固定され、移動しません。ポップアップレイヤーに画像のみがある場合、画像サイズは現在のウィンドウのサイズに応じて圧縮されます。確認が必要なポップアップ レイヤーを除き、すべてのポップアップ レイヤーは「esc」を押すことで終了できます。ポップアップ レイヤー以外の場所をクリックすると、ポップアップ レイヤーを閉じることができます。
1. 画像を表示します (単一):

2. 写真を表示します (複数枚) ) :
ここでは、各 a に rel 属性を追加する必要があります。同じであること。表示前と後の画像は、「 > 」および「

3. ポップアップ レイヤーのコンテンツが現在のページにある場合: