Lightbox漂亮的图片弹出层插件

Lightbox漂亮的图片弹出层插件



淘建站为您提供更多_图片代码_图片插件_弹出层_lightbox,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 237 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

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

HTML

我们在需要显示层的图片链接上加上样式.boxer

<a title="标题闪电闪电" class="boxer" href="images/1b.jpg">
     <img src="images/1s.jpg" alt="">
</a>

引入jQuery库和boxer相关组件

<link rel="stylesheet" href="css/jquery.fs.boxer.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.fs.boxer.js"></script>

jQuery

$(function() {
      $('.boxer').boxer();
});
参数 描述 默认值
callback 打开后的回调函数 空
customClass 增加自定义 class ”
duration 动画持续时间 250
fixed 是否固定在浏览器中央(不显示关滚动条) false
formatter 标题格式函数 空
height 加载时的初始高度 100
labels.close 关闭按钮的文字 ‘Close’
labels.count 组图的文字 ‘of’
labels.next 下一个按钮的文字 ‘Next’
labels.previous 上一个按钮的文字 ‘Previous’
margin 与浏览器视口的边距 50
minHeight 最小高度 100
minWidth 最小宽度 100
mobile 是否强制使用移动模式显示 false
opacity 遮罩不透明度 0.75
retina 是否兼容 retina 高清显示 false
requestKey GET variable for ajax / iframe requests ‘boxer’
top 距离顶部位置 -
videoRadio 视频的高度 0.5625
videoWidth 视频的宽度 600
width 加载时的初始宽度 100

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

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

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

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

  • jquery checkbox点击选中列表样式代码

    jquery checkbox点击选中列表样式代码

  • jquery+css3弹出层插件

    jquery+css3弹出层插件

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

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

  • jquery checkbox 选中 取消 checkbox多选

    jquery checkbox 选中 取消 checkbox多选

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

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

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

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

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

    jquery实现加载更多和弹出层

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

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

  • 图片展示效果-jquery Lightbox

    图片展示效果-jquery Lightbox

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

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

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