点击一系列div
Click through a series of divs
我有一个类似于下面代码的设置,其中画廊类型 link 打开一个 div 具有深色背景和放大的图像(像这样:https://codepen.io/ongtiffany/pen/BoOeQV)。
我想做的是 link 这些灯箱 div 相互连接(带有左右箭头),这样您就可以关闭当前打开的 div 并打开正确相邻 div,有效地在放大图像之间切换。
<div class="lightbox" id="1">
<div class ="lightbox_content">Some stuff here.</div>
<a href="#lightbox_2"><div class ="lightbox_r">→</div></a>
</div>
<div class="lightbox" id="1">
<a href="#lightbox_1"><div class ="lightbox_l">←</div></a>
<div class="lightbox_content">Some stuff here.</div>
<a href="#lightbox_3"><div class="lightbox_r">→</div></a>
</div>
<div class="lightbox" id="3">
<a href="#lightbox_2"><div class ="lightbox_l">←</div></a>
<div class="lightbox_content">Some stuff here.</div>
</div>
任何帮助都会很棒 - 谢谢!
不要重新发明轮子。尝试使用一些专门的 "lightbox" 库。几乎所有这些都支持将多个图像链接成系列并使用箭头或某些按钮进行导航。
- http://photoswipe.com/(我个人最喜欢的)
- http://fancybox.net/
- http://lokeshdhakar.com/projects/lightbox2/
- http://highslide.com/
- 几乎所有你可以 google 与 "lightbox"
我有一个类似于下面代码的设置,其中画廊类型 link 打开一个 div 具有深色背景和放大的图像(像这样:https://codepen.io/ongtiffany/pen/BoOeQV)。
我想做的是 link 这些灯箱 div 相互连接(带有左右箭头),这样您就可以关闭当前打开的 div 并打开正确相邻 div,有效地在放大图像之间切换。
<div class="lightbox" id="1">
<div class ="lightbox_content">Some stuff here.</div>
<a href="#lightbox_2"><div class ="lightbox_r">→</div></a>
</div>
<div class="lightbox" id="1">
<a href="#lightbox_1"><div class ="lightbox_l">←</div></a>
<div class="lightbox_content">Some stuff here.</div>
<a href="#lightbox_3"><div class="lightbox_r">→</div></a>
</div>
<div class="lightbox" id="3">
<a href="#lightbox_2"><div class ="lightbox_l">←</div></a>
<div class="lightbox_content">Some stuff here.</div>
</div>
任何帮助都会很棒 - 谢谢!
不要重新发明轮子。尝试使用一些专门的 "lightbox" 库。几乎所有这些都支持将多个图像链接成系列并使用箭头或某些按钮进行导航。
- http://photoswipe.com/(我个人最喜欢的)
- http://fancybox.net/
- http://lokeshdhakar.com/projects/lightbox2/
- http://highslide.com/
- 几乎所有你可以 google 与 "lightbox"