divのシリーズをクリック

Question

ギャラリータイプのリンクが暗い背景と拡大画像（この例：https://codepen.io/ongtiffany/pen/BoOeQV）でdivを開き、下のコードと同様の設定をしています。

私がしたいのは、現在開いているdivを閉じて、正しい隣接divを開き、効果的に拡大画像を切り替えることができるように、これらのライトボックスのdivを（左右の矢印付きで）リンクすることです。

<div class="lightbox" id="1"> 
    <div class ="lightbox_content">Some stuff here.</div> 
    <a href="#lightbox_2"><div class ="lightbox_r">&rarr;</div></a> 
</div> 

<div class="lightbox" id="1"> 
    <a href="#lightbox_1"><div class ="lightbox_l">&larr;</div></a> 
    <div class="lightbox_content">Some stuff here.</div> 
    <a href="#lightbox_3"><div class="lightbox_r">&rarr;</div></a> 
</div> 

<div class="lightbox" id="3"> 
    <a href="#lightbox_2"><div class ="lightbox_l">&larr;</div></a> 
    <div class="lightbox_content">Some stuff here.</div> 
</div> 

何か助けが素晴らしいだろう - ありがとう！

Answer 1

ホイールを改造しないでください。特殊なライトボックスを使ってみてください。ほとんどの場合、複数の画像を連続してリンクしたり、矢印やいくつかのボタンを使ってナビゲートすることができます。

• http://photoswipe.com/（私の個人的な好み）
• http://fancybox.net/
• http://lokeshdhakar.com/projects/lightbox2/
• http://highslide.com/
• あなたが "ライトボックス"