博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
fancybox 使用方法
阅读量:5861 次
发布时间:2019-06-19

本文共 329 字,大约阅读时间需要 1 分钟。

项目中需要做一个相册功能。选择的是fancybox,大概记录一下使用方法:

1.引用fancybox所需要的文件,你可以下载至本地或者引用CDN。

fancybox最新版本下载地址:

CDN引用地址:

 

2.编写相册所需的HMTL代码:

我这里是需要创建相册,所以同一个相册的data-fancybox的名字需保持一致。

 

注意:老版本是用rel,现在已经不支持了。我开始用的是新版本的,看的是老版本的文档,用rel没效果。这种低级错误,大家就不要再犯了。 

官方文档截图:

更详细的参数可访问:

 

3.通过JS引用fancybox:

$(".js_gallery_evaluate").fancybox();

 

切记,看文档一定要跟你使用的版本对上号!!!

 

转载地址:http://lxrjx.baihongyu.com/

你可能感兴趣的文章
MySQL-5.6.x二进制版本安装记录
查看>>
android BitMap回收
查看>>
android.support library找不到的解决方法
查看>>
windows跨线程调用控件的方法
查看>>
Date & Time & timestamptz
查看>>
Spring两种依赖注入方式的比较
查看>>
【源码】Word转PDF V1.0.1 小软件,供新手参考
查看>>
iOS开发之遍历Model类的属性并完善使用Runtime给Model类赋值
查看>>
Python数据库模块学习之MySQLdb
查看>>
【MySql】如何删除 bin log
查看>>
Windows C编程操作鼠标键盘
查看>>
SpringMVC文件上传接口设计与实现
查看>>
ASP.NET实现Cookie功能的三个基本操作(写入,读取,删除)
查看>>
一步一步教你用PHP+MySql搭建网站 No.6 文章的publish
查看>>
nodejs通过代理(proxy)发送http请求(request)
查看>>
软件架构模式转载
查看>>
MySQL源码学习:MySQL中禁止跨库访问的实现
查看>>
JavaScript覆盖率统计实现
查看>>
安卓 DevOps:从一次推送命令到生产
查看>>
【SICP练习】147 练习4.3
查看>>