插件描述：picbox修改点击弹出图片切换效果
引入 CSS 和 JS 文件：
<!-- 引入jQuery --> <script src="http://libs.baidu.com/jquery/1.4.4/jquery.min.js"></script> <!-- 引入picbox.js --> <script type="text/javascript" src="js/picbox.js"></script> <!-- 引入picbox.css --> <link rel="stylesheet" href="css/picbox.css" type="text/css" media="screen">
组图用法：
<p> <a href="example.jpg" rel="lightbox-group" title="图片信息1">打开大图</a> to view a picture inside Picbox. <a href="example2.jpg" rel="lightbox-group" title="图片信息2">Click here</a> to view a picture inside Picbox. </p>
单图用法：
<a href="example.jpg" rel="lightbox" title="Double click for full size">Click here</a> <a href="example2.jpg" rel="lightbox" title="Double click for full size"> <img style="width:100px;" src="example2.jpg"> </a>
=========感谢网友 嗜啡者 的提供==============
PREVIOUS:
NEXT:
相关插件-对话框和灯箱,弹出层,图片展示
讨论这个项目（40）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
ChrisJones 0
2019/3/28 11:54:45
-
经测试jquery1.9.*不支持缩放报Cannot read property 'apply' of undefined at HTMLDocument.handler (picbox.js:437)错误
使用jquery1.4.4是支持的，但是项目不允许用那么低的版本啊
西瓜1
2019/3/28 12:15:19
引用jQuery版本迁移辅助插件即可解决问题。
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>
hmlin 0
2017/10/19 17:39:20
-
不兼容 高版本 jquery ，目前发现 滚轮不能缩放 bug 已解决（jquery1.8.1），@羽歌 另 根据这位盆友 加了最小1/10 限制．
阿斯极速0
2018/3/28 16:35:24
-
滚轮不能缩放 bug 1.8.1也不支持啊，怎么回事
No data. 0
2016/11/7 19:11:06
-
我的图片是动态加进去的，js文件必须得在最下面，我就把js也动态的添加，但是点a链接就新开一个页面打开图片，怎么回事
小哇来了0
2016/12/16 16:12:39
请问你的问题解决了吗
?_易困0
2016/12/20 18:12:20
-
动态加载Dom后需要重新绑定一下
?_易困2
2016/12/20 18:12:38
$(".local-item-img-box a").picbox(null, null, function (el) {
// 利用rel属性值是否一致来判定图片是否放在一个浏览组内（允许切换前一张后一张）
return (this === el) || ((this.rel.length > 8) && (this.rel === el.rel));
});
超轶主0
2017/5/15 14:05:57
-
请问你这个是写在picbox。js里面还是写在html里面
超轶主0
2017/5/15 14:29:18
紧急求助
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
