FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该lightbox除了能够展示图片之外,还可以展示iframed内容, 通过css自定义外观。
Fancybox的特点如下:可以支持图片、html文本、flash动画、iframe以及ajax的支持可以自定义播放器的CSS样式可以以组的形式进行播放如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片Fancybox播放器支持投影,更有立体的感觉。允许我们用鼠标和键盘上的四个方向键切换图片。可以根据当前窗口大小自动调整弹出框的大小,当我们改变浏览器窗口大小时,将会看到弹出框自动缩放。
Fancybox使用方法:
1、引入jquery核心库和Fancybox插件库
可选 - 如果需要用到fancy transition(一些动画效果)你还需要引入以下脚本
可选 - 如果需要支持鼠标滚轮滚动效果你还需要引入以下脚本
2、添加样式表文件
3、创建包含有将要在fancyBox中打开的元素的路径的a标签
效果展示:
实现的代码
js代码:
fancybox插件主要参数和方法