私はかなり標準的な実装でLightbox2rel="lightbox[gallery]"
を使用しています: シリーズの画像 (すべて) をクリックすると、Lighbox で開き、次/前の矢印がシリーズの次と前の画像を指しています。また、最初の画像を指し、ギャラリーを開くテキスト リンクもあります (これもrel="lightbox[gallery]"
)。
問題は、何らかの理由で、そのテキスト リンクがシリーズの画像としてカウントされていることです。そのため、6 つの画像ギャラリーが読み込まれると、7 つの画像があると主張されます (最初の画像は 2 回カウントされます)。さらに、7 枚中 2 枚目の画像に読み込まれ、最初の画像はスキップされます (これは複製です)。
そのテキスト リンクを削除すれば、すべて問題ありません。しかし、もちろん、私はできません。では、私のオプションは何ですか?JavaScript を使用してライトボックスを開始できますか (そのため、リンクはギャラリー内の画像としてカウントされません)? とにかく、コード:
<script type="text/javascript" src="lightbox.js"></script>
<!-- THIS IS THE TEXT LINK. NOTE THAT IT IS IDENTICAL TO THE FIRST IMAGE LINK -->
<a href="first.jpg" title="I am image one of three" rel="lightbox[gallery]">View Gallery</a>
<!-- THESE ARE THE GALLERY IMAGES. NOTE THAT THERE ARE 6 OF THEM. WHEN GALLERY LOADS, IT WILL THINK THERE ARE 7 BECAUSE OF THE TEXT LINK ABOVE -->
<a href="first.jpg" title="I am image one of three" rel="lightbox[gallery]"><img src="first_sm.jpg"></a>
<a href="second.jpg" title="I am image two of three" rel="lightbox[gallery]"><img src="second_sm.jpg"></a>
<a href="third.jpg" title="I am image three of three" rel="lightbox[gallery]"><img src="third_sm.jpg"></a>
<a href="fourth.jpg" title="I am image four of three" rel="lightbox[gallery]"><img src="fourth_sm.jpg"></a>
<a href="fifth.jpg" title="I am image five of three" rel="lightbox[gallery]"><img src="fifth_sm.jpg"></a>
<a href="sixth.jpg" title="I am image six of three" rel="lightbox[gallery]"><img src="sixth_sm.jpg"></a>