幻灯片轮播图-带放大镜效果的jQuery LightBox图片画廊插件 | 蓝文资源库

zbox是一款带放大镜效果的jQuery LightBox图片画廊插件。该Lightbox插件可以显示相应缩略图的高清大图，并且在浏览高清大图时还可以使用放大镜来局部查看放大效果。

使用方法

使用该LightBox插件需要引入jQuery和jquery.zbox.css，以及jquery.zbox.js文件

<link type="text/css" rel="stylesheet" href="css/jquery.zbox.css" />               
<script src="js/jquery.min.js"></script>
<script src="js/jquery.zbox.js"></script>       

HTML结构

该LightBox插件的基本HTML结构使用一个超链接来包裹一个图片元素，超链接指向高清大图。

<a class="zb" rel="group" href="1.png" title="Image 1">
  <!--缩略图-->
  <img src="1_thumb.png">
</a>
<a class="zb" rel="group" href="2.png" title="Image 2">
  <!--缩略图-->
  <img src="2_thumb.png">
</a>
<a class="zb" rel="group" href="3.png" title="Image 3">
  <!--缩略图-->
  <img src="thumb3.png">
</a>           

初始化插件

在页面加载完毕之后，可以通过下面的方法来初始化该LightBox插件。

$(".zb").zbox();

zbox插件的github地址为：https://github.com/statenlogic/zbox

在线预览网盘下载

郑重声明：

1 本资源来源于互联网，资源的版权归资源原作者所持有，受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系，所以上传的部分资源无法先通过原作者的同意就分享给大家了，如本资源侵犯了您（原作者）的权益，请联系我们（微信号 xiaohaimei1989），我们会立马删除您的资源，并向您表达诚挚的歉意！

3 本站是一个公益型网站，分享资源的目的在于传播知识，分享知识，收取一点点打赏的辛苦费是用于网站的日常运营开支，并非用于商业用途。

4 本站资源只提供学习和参考研究使用，使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

一	二	三	四	五	六	日
« 12月
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

使用方法

HTML结构

初始化插件

郑重声明：

相关文章

发表评论 取消回复

发表评论取消回复