lightbox制作个性化弹出层

lightbox制作个性化弹出层

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

淘建站为您提供更多_悬浮层/弹出层_弹窗_弹出层_lightbox,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 190 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

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

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/752.html
lightbox制作个性化弹出层 希望对你有帮助,感谢您的支持!
  • jquery colorbox弹出层插件制作图片弹出显示代码

    jquery colorbox弹出层插件制作图片弹出显示代码

  • jQuery网页弹出层分享按钮插件

    jQuery网页弹出层分享按钮插件

  • jquery+css3弹出层插件

    jquery+css3弹出层插件

  • jquery 弹出层插件FancyBox弹出层演示支持图片、文章

    jquery 弹出层插件FancyBox弹出层演示支持图片、文章

  • javascript弹出层插件可自定义js弹出层动画特效

    javascript弹出层插件可自定义js弹出层动画特效

  • jquery弹出层插件点击弹出层可拖动特效

    jquery弹出层插件点击弹出层可拖动特效

  • jquery实现加载更多和弹出层

    jquery实现加载更多和弹出层

  • jQuery手机端点击弹出层选取时间代码

    jQuery手机端点击弹出层选取时间代码

  • 图片展示效果-jquery Lightbox

    图片展示效果-jquery Lightbox

  • jQuery弹出层插件三种简单遮罩弹出框效果

    jQuery弹出层插件三种简单遮罩弹出框效果

  • jQuery 可拖拽弹出层

    jQuery 可拖拽弹出层

  • jquery仿51job弹出层城市选择代码

    jquery仿51job弹出层城市选择代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2