fancyBox中文文档fancyBox为您的网页提供惊艳的缩放功能，同时支持图片、网页内容以及各种多媒体文件。她基于目前最流行的jQuery框架开发，不仅易于应用，而且可以定制。欢迎来到fancyBox的世界~更新日志快速入门常见用法官方演示使用许可下载地址完整API常见问题更新日志重大变更可扩展的幻灯片导航工具响应式（调整浏览器窗口大小时自适应窗口大小）集成幻灯片图片播放功能新增幻灯片过渡效果引入CSS3阴影、圆角特效新的插件选项（与之前版本不兼容）改用知识共享署名-非商业性使用3.0许可协议授权即将上线WordPress小插件重构本站及API文档完善缩略图浏览工具fancyBox手机版（待定）fancyBox3.0↑回顶部快速入门1.下载fancyBox，解压后根据需要将文件复制到网页文件夹中（建议不要更改目录结构），并在网页源码中引入相应的css样式和js文件（如果更改了目录结构，引入的时候请调整相应代码，对应它们所在的路径）。注意：别忘了还要先加载jQuery库！推荐使用公共库：百度|新浪。示例代码：<!--加载jQuery库（必须）--><scripttype="text/javascript"src="code.jquery/jquery-latest.min.js"></script><!--引入fancyBox核心文件（必须）--><linkrel="stylesheet"href="/fancybox/source/jquery.fancybox.css?v=2.1.5"type="text/css"media="screen"/><scripttype="text/javascript"src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script><!--引入mousewheel插件（可选，如果想通过鼠标滚轮控制图片播放则必须）--><scripttype="text/javascript"src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script><!--根据需要引入浏览工具：按钮式，缩略图式和/或多媒体工具（可选，详见下方“官方演示”中的“浏览工具”部分）--><!--按钮式需要引入以下2个文件--><linkrel="stylesheet"href="/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5"type="text/css"media="screen"/><scripttype="text/javascript"src="/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script><!--缩略图式需要引入以下2个文件--><linkrel="stylesheet"href="/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7"type="text/css"media="screen"/><scripttype="text/javascript"src="/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script><!--多媒体工具需要引入以下文件--><scripttype="text/javascript"src="/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script>2.给触发fancyBox特效的元素（如一张缩略图或“点击我”三个字）加上a链接，并将其href属性值设置为遮罩层中需要展示的文件的链接（如刚刚那张缩略图的原图的网址）。示例代码：<aclass="fancybox"rel="group"href="原图_1.jpg"><imgsrc="缩略图_1.jpg"alt=""/></a><aclass="fancybox"rel="group"href="原图_2.jpg"><imgsrc="缩略图_2.jpg"alt=""/></a>3.使页面加载完毕时初始化fancybox()函数。如果你不懂jQuery但英语还行，请看官方推荐的新手教程。英语不好肿么办？请点右上角的红叉...因为暂时找不到中文版的帮助文档。示例代码：<scripttype="text/javascript">$(document).ready(function(){$(".fancybox").fancybox();});</script>好了，你已经学会使用fancyBox了，新技能Get！↑回顶部常见用法每一个链接都有对应的源码可供参考1.更改遮罩层的颜色和透明度2.去除白色边框3.切换图片时使用淡出效果4.为全部图片添加fancyBox特效5.关闭fancyBox后刷新页面6.霸屏模式（姑且这么叫吧-_-#）7.调用YouTubeAPI-当前视频播放完时自动播放下一个8.在iframe中打开PDF文件9.禁用锁定模式-默认会锁定遮罩层中的内容10.圆点式浏览工具（类似于轮播）11.保护版权：禁止右键点击（添加水印）12.和title相关的：o通过添加属性值自定义titleo读取并显示缩略图的"alt"属性值-默认是显示其"title"属性值o调用内联div作为title显示otitle显示在白框外，图片下方otitle显示在白框内，图片上方o禁用titleo在title中加入...