FancyBox.js基于JQuery图集弹层插件用法及下载

详情内容

FancyBox是一款基于 jquery 开发的类 Lightbox 插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该 lightbox 除了能够展示图片之外，还可以展示 iframed 内容， 通过 css 自定义外观。

相对与 Lightbox 而言，阴影效果更好。但是比 Lightbox 绚丽。

使用很是简单，可以参照 Lightbox，修改添加代码。

示例代码：

$(document).ready(function() { 
	/* This is basic - uses default settings */ 
	$("a#single_image").fancybox(); 
	/* Using custom settings */ 
	$("a#inline").fancybox({ 'hideOnContentClick': true }); 
	$("a.group").fancybox({ 
		'zoomSpeedIn': 300, 
		'zoomSpeedOut': 300, 
		'overlayShow': false 
	}); 
});

快速使用：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<link href="/path/to/jquery.fancybox.min.css" rel="stylesheet" />
<script src="/path/to/jquery.fancybox.min.js"></script>

HTML创建链接

<a data-fancybox="gallery" href="big_1.jpg">
  <img src="small_1.jpg" />
</a>

<a data-fancybox="gallery" href="big_2.jpg">
  <img src="small_2.jpg" />
</a>

更多使用方法:https://fancyapps.com/fancybox/

若链接失效，请联系客服！

欢迎关注微信公众号【zmvipcn】，和QQ群【556955071】，点击这里扫描加入

.1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
.2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
.3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
.4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
.5. 如有链接无法下载、失效或广告，请联系管理员处理！
.6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
.7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
.8. 精力有限，不少源码或软件未能详细测试（解密），不能分辨部分源码或软件是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别
E-mail：kf@zmvip.cn