點擊通過一系列的div

Question

我有一個類似的設置，下面的代碼中，一個畫廊類型的鏈接打開一個暗背景和放大圖像的div（如：https://codepen.io/ongtiffany/pen/BoOeQV）。

我想要做的就是將這些lightbox 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/（我個人最喜歡的），你可以用 「收藏夾」