0

スタック オーバーフローは、複数の LightBox ギャラリーを実行するなどに関する非常に役立つヒントを提供してくれましたが、もう 1 つ質問があります。

静的 HTML ページ内には、ユーザーがクリックして LightBox ギャラリーを起動する 1 つの画像があります。通常の LightBox デモと同じように、非常に単純なものです。

ただし、実際には「ここをクリックしてギャラリーを表示する」という画像のすぐ下に「a href」ボタンを含めたいと思います(ギャラリーなどを起動するには画像をクリックする必要があることを知らないユーザー向け)。

基本的な「a href」ボタンがクリックされるとすぐに LightBox ギャラリーを起動するために必要なコードを教えてください。

どうもありがとう

4

1 に答える 1

0

ライトボックス サイトの使用方法の部分を読むと、何が重要かがわかります。

rel="lightbox" 属性。これは、このリンクがライトボックス オーバーレイの画像として開かれることになっていることを意味するため、<a> タグの内容は関係ありません。

また、これらのリンクをグループ化する例もあります:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

rel="" 属性が変更されていることに注意してください。ライトボックスの後に[グループ名]の部分があります。同じグループ名のリンクは 1 つのギャラリーで開きます。

この lightbox2 の控えめなアプローチは、JavaScript についてほとんど知識がない場合にうまく機能します。rel 属性を使用するだけで、JavaScript コードを 1 行も記述する必要はありません。

于 2012-11-02T09:49:59.157 に答える