Lightbox/弹窗
jQuery + css3长条照片风格lightbox插件
PetitQ
收藏
这是一款路边照相亭照出的长条照片风格的 jQuery 和 css3 lightbox 插件。该 lightbox 插件适合于移设备使用。每一条照片都可以用鼠标上下滚动相片，点击其中一张后会放大显示，并带有前后导航按钮可前后翻看相片。
HTML 代码：
该插件的 html 结构中有 4 个长条 wrapper div,class 为 pb-wrapper 。每个 wrapper div 中包含一个无序列表，每组相片的标题放置在 div 的最底部。：
也想出现在这里？联系我们吧
<div class="pb-wrapper pb-wrapper-1">
<div class="pb-scroll">
<ul class="pb-strip">
<li>
<a href="images/large/1.jpg" rel="lightbox[album1]" title="Spring">
<img src="images/small/1.jpg" />
</a>
</li>
<li>
<a href="images/large/2.jpg" rel="lightbox[album1]" title="Sunshine">
<img src="images/small/2.jpg" />
</a>
</li>
<li> <!--...--> </li>
<!--...--></ul>
</div>
<h3 class="pb-title">Pure Serenity</h3>
</div>
每一个长条 div 都带有类似 pb-wrapper-1、pb-wrapper-2 的 class，它们被用来当前图片的位置、高度和旋转角度等等。
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
