demo中的弹出层效果需要在图片上需要定义rel和title属性,然后引入lightbox即可实现打开图片弹出层效果。
淘建站为您提供更多_悬浮层/弹出层_弹窗_弹出层_lightbox,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 190 次
觉得不错,可打赏下作者
免费共享
第一组滚动图片html代码
<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><a href="images/large/3.jpg" rel="lightbox[album1]" title="Summer"><img src="images/small/3.jpg" /></a></li>
<li><a href="images/large/4.jpg" rel="lightbox[album1]" title="Delicious"><img src="images/small/4.jpg" /></a></li>
</ul>
</div>引入lightbox弹出层插件
<script src="js/lightbox.js"></script> | 参数 | 描述 | 默认值 |
| fileLoadingImage | 加载图片链接 | images/loading.gif |
| fileCloseImage | 关闭弹出层图片链接 | images/close.png |
| resizeDuration | 展开图片延迟时间(毫秒) | 700 |
| fadeDuration | 隐藏延迟时间(毫秒) | 500 |

