jQuery 图片播放插件 FancyBox 和其 WordPress 插件

标签： WordPress FancyBox jQuery WordPress 插件 | 发表时间：2011-09-03 12:54 | 作者：Denis Outman
出处：http://fairyfish.net

什么是 FancyBox

FancyBox 是一个 jQuery 图片播放插件，它可以使用类似于 MAC 系统中 “Lightbox” 方式在网页前面浮动显示和播放图片，网页内容，或者其他多媒体内容。

FancyBox 的特性

  • 支持图片，HTML 元素，Flash 动画，Iframe 以及 AJAX 支持。
  • 可以自定义播放器和 CSS 样式。
  • 可以以组的形式进行轮转播放。
  • 如果加载了鼠标滚动插件（mouse wheel plugin），FancyBox 还支持通过鼠标滚动事件来翻阅图片。
  • 通过 easing plugin，可以实现更花哨的轮转效果。
  • 可以在放大的元素下面添加阴影，使得更有立体感觉。

FanyBox 的 WordPress 插件

正是因为 FancyBox 的强大，很多 WordPress 爱好者，就开发了 FancyBox 的 WordPress 插件，增强 WordPress 的图片显示效果。

1. Easy FancyBox

Easy FancyBox 可以非常容易让你在 WordPress 中启用 FancyBox 插件，Easy FancyBox 可以使得你博客中所有指向图片文件 (.jpg/.bmp/.gif/.png) 和 Falsh 动画文件 (.swf) 自动获取 FancyBox 的弹出效果。这个插件没有配置页面，没有选项，只需激活即可，这也是我推荐的插件方式。

Easy FancyBox

下载：Easy FancyBox。

2. Fancy Gallery

Fancy Gallery 整合 FancyBox 到你的 WordPress 博客中，同样，所有指向图片的链接都会自动使用 FancyBox 的方式弹出页面的上面，如果你使用 [gallery] 这个 Shortcode 来显示相册，相册中图片弹出的时候会自动加上 上一张，下一张 的导航条，非常方便。

下载：Fancy Gallery。

3. FancyBox Gallery

FancyBox Gallery 把 FancyBox 这个 jQuery 插件集成到 WordPress 的 Gallery 功能中，你只需要在日志内容中试用 Gallery Shortcode 显示缩略图，这个插件就会处理好剩下的，你会得到非常漂亮的大图弹出效果，而且还会修正大小到适合浏览器窗口。

下载：FancyBox Gallery

4. FancyBox for WordPress

FancyBox for WordPress 这个是做的最复杂的 FancyBox 插件，他可以让你自定义 FancyBox 的所有东西，包括边距，边框，颜色，放大速度，动画效果，关闭按钮的位置，覆盖层的颜色，透明度，还有如果去归类一组相册的选项等等。

下载：FancyBox for WordPress

翻译自：FancyBox and WordPress Plugins

>>>继续阅读全文 ...

© 我爱水煮鱼 / 收藏本文 / 4条评论 / RSS 订阅 / 长期承接 WordPress 项目 / 主机域名优惠码 / 新浪微博

相关日志

相关 [jquery 图片 播放] 推荐：

jQuery 图片播放插件 FancyBox 和其 WordPress 插件

- Outman - 我爱水煮鱼
FancyBox 是一个 jQuery 图片播放插件，它可以使用类似于 MAC 系统中 “Lightbox” 方式在网页前面浮动显示和播放图片，网页内容，或者其他多媒体内容. 支持图片，HTML 元素，Flash 动画，Iframe 以及 AJAX 支持. 可以自定义播放器和 CSS 样式. 如果加载了鼠标滚动插件（mouse wheel plugin），FancyBox 还支持通过鼠标滚动事件来翻阅图片.

jQuery图片剪裁插件 Jcrop

- - 博客园_首页
Jcrop是一个jQuery插件，它能为你的WEB应用程序快速简单地提供图片裁剪的功能. 对所有图片均unobtrusively（无侵入的，保持DOM简洁）. 支持 minSize / maxSize设置. 支持改变选区或移 动选区时的回调（Callback）. 通过API创建互 动，比如动画效果.

HTML5+CSS3+jQuery制作视频播放器完全指南

- - 博客 - 伯乐在线
导读：毫无疑问HTML5已经是大势所趋，知名视频网站YouTube在两年前就开始推广HTML5播放器来代替Flash. 虽然国内还没有完全普及HTML5 浏览器，但在各大本土浏览器厂商的努力下，支持HTML5的浏览器在中国浏览器市场的占有率也在不断增长中. 本教程将会手把手地教你制作一个基于HTML5& CSS3& JavaScript 技术的视频播放器.

12个用于播放音乐和视频文件的jQuery插件

- pathfinder - ITeye资讯频道
 也许有时你需要在网站上播放一些音频和视频文件，也许你正在建立一个在线社区需要有分享和播放音乐和视频的功能. 下面介绍的这些免费jQuery插件也许有你需要的. Acorn Media Player是一个jQuery插件，它采用HTML5

精于图片处理的10款jQuery插件

- DayuLu - UED TEAM,用户体验设计,web前端开发
这篇文章将重点介绍用于图片处理的10个超级jQuery插件，可以生成图片的动画和特效，缩放图片大小等等. 这个插件非常有趣，可以用来缩放图片，旋转对象（3D特效）. 可以用来变换图片：旋转，变换倾斜角度，调整图片大小（通常情况下可以和DIV共用）. 这个插件可以用来对比两张图片的前后变化. 这个插件可以把你的文字情绪转化成笑脸表情（纯粹的CSS，没有图片）.

用于图片处理的10个超级jQuery插件

- M.Li - ITeye资讯频道
这篇文章将重点介绍用于图片处理的10个超级jQuery插件，可以生成图片的动画和特效，缩放图片大小等等. 这个插件非常有趣，可以用来缩放图片，旋转对象（3D特效）. 可以用来变换图片：旋转，变换倾斜角度，调整图片大小（通常情况下可以和DIV共用）. 这个插件可以用来对比两张图片的前后变化. 这个插件可以把你的文字情绪转化成笑脸表情（纯粹的CSS，没有图片）.

延迟加载图片的 jQuery 插件：Lazy Load

- - 我爱水煮鱼
网站的速度非常重要，现在有很多网站优化的工具，如 Google 的 Page Speed，Yahoo 的 YSlow，对于网页图片，Yahoo 还提供 Smush.it 这个工具对图片进行批量压缩，但是对于图片非常多的网站，载入网页还是需要比较长的时间，这个时候我们可以使用 Lazy Load 这个 jQuery 插件来延迟加载图片.

jQuery 图片放大镜效果插件：jQZoom

- - 我爱水煮鱼
在一些产品演示网站，常常需要这样的效果，把鼠标移到小图的上面，旁边出现这这部分的放大效果，通过这种方式让用户能够详细了解产品的细节. jQZoom 就是这样的一个 jQuery 插件，它能够让你网站的图片实现放大镜效果，把鼠标移到小图上，旁边出现大图的局部放大的部分，如下演示：. RSS 用户需要返回页面才能看到效果.