lightbox制作个性化弹出层

demo中的弹出层效果需要在图片上需要定义rel和title属性，然后引入lightbox即可实现打开图片弹出层效果。

分类：悬浮层/弹出层 > 弹窗难易：中级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

第一组滚动图片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