图片/视频显示效果插件系列

这么说好像有点让人迷糊,举个例子来说就是LightBox,还有和LightBox类似的通过javascript实现的效果。这类效果据我个人理解可以将它们看作一个在线的媒体查看器,能够悬浮在页面之上打开另一个窗口查看其他内容,特别是图片与视频。而WordPress插件则给了我们很方便地在以wordpress搭建的博客上使用这些媒体查看器的机会。使用这些插件可以在你展示图片/视频的时候,获得美观甚至华丽的外观效果,同时,这类插件都能将你在文章中附加的图片集合为一个相册,通过快捷键(比如键盘左右光标键)就可以很方便地浏览整个图片集。

其实这类插件的作用都是让你的图片/视频显示更华丽,所以呢,以下这些插件没有好与不好,只是样式略有不同,有些还可能和你的主题或是图片不太搭配,选择自己喜欢的就好了…下面列列我找到的这些效果与插件…

 

1. LightBox

最普及最常见的显示效果,不出意外的话,我们点击一个“点击有大图”的图片时弹出的动画效果与相框效果十有八九就是通过LightBox实现的。大多数人接触的第一个这类插件也是LightBox。如今LightBox已经进入2.0时代],截止到目前的最新版本是v2.04。而且LightBox是免费的,使用上没有什么显示,也无需付费。

如果你从WordPress的插件目录中搜索LightBox也会发现,和它相关的插件非常多,仅LightBox 2插件就有俩,衍生出来的其他插件就更多了,作为最常见的显示效果,可能在兼容性上更好些…

 

LightBox 官方站 这里是LightBox的官方站点,你可以在这里查看LightBox的显示效果。

LightBox 2 WordPress插件 by Giuseppe Argento  应用LightBox2效果的WordPress插件之一

LightBox 2 WordPress插件 by Rupert Morris  LightBox2 插件之二,这个似乎最后更新时间更近些。

 

2. ShadowBox

另一个很出名的在线媒体查看特效。ShadowBox除了支持多格式图片外,还支持大多数主流网络媒体格式,比如Flash,QuickTime等等…ShadowBox还有多种显示样式可供选择。个人和非商业用户可以免费使用。

 

ShadowBox 官方站 主要看看ShadowBox的显示样式你是否喜欢…

ShadowBox JS WordPress插件 呃,这是我在用的插件…

 

3. SlimBox

这个从名字上就可以看出来,它走的是轻量化路线,和其他支持多种媒体格式又支持视频又支持网页又支持图片包罗万有的显示效果相比,SlimBox更纯粹一些,它只支持图片显示(不过对于大多数人来说足够了),只有4K大小…虽然体积小,但是实力一点也不差。100%兼容Lightbox,代码经过“疯狂”的优化(从这大小就能看得出来),完全可自定义,丰富的选项等等…

 

SlimBox官方站 需翻墙,梯子自备。

WP-SlimBox2 WordPress插件

SlimBox WordPress插件

 

4. ThickBox

ThickBox的效果你肯定也常见。在WordPress.org的主题目录中点击预览,在你的WordPress后台点击你的主题,插件升级等等,弹出的效果就是ThickBox。个人感觉这个效果有点老套,可能是太常见的缘故,呵呵…想让你的博客看着很WordPress的话,用这个不错…

 

ThickBox官方站 主要看样式],点Examples

ThickBox的插件也不少,来WordPress插件目录自选吧。

 

5. LyteBox

Lyte,这不和Light发音差不多么…LyteBox就是从LightBox改进而来,显示效果也和LightBox差不多。支持SlideShow播放形式(幻灯片形式,LyteBox独有)。

 

LyteBox官方站 看Demo的时候留意下最右边的SlideShow演示。

WordPress Imager  唯一使用LyteBox效果的WordPress插件。

 

6. GreyBox – A pop-up window that doesn’t suck.

我非常喜欢这简洁的介绍,哈哈…非常小巧和美观。我挺喜欢这个样式,因为其他都是“眼前一黑”,出现一个框…

 

GreyBox官方站 看看这个样式吧,和其他的弹出窗口样式差别很大。

GreyBox Integrator WordPress插件

 

7. LightView

LightView的最大特点是“援交圆角”,另外,还有智能调整大小,快速预读图片等等特性。Ajax表格不错特性很有趣,大家可以去它的官方网站看看

 

LightView官方站

LightView Plus WordPress插件

 

8. FancyBox

FancyBox也是一个显示图片,网页和多媒体文件的东西。它的特点是“苹果”样式…喜欢Mac的可以试试这个

 

FancyBox官方站

FancyBox for WordPress插件

WordPress Fancybox 插件

 

9. jQuery Lightbox Plugin (balupton Edition)

名字其实说明了一切…样式还不错。

 

jQuery Lightbox Plugin (balupton Edition)官方站

jQuery Lightbox WordPress插件

 

10. Shutter Reloaded

依然是图片查看效果,弹出窗口中的控制按钮都在下部的一个工具栏上…可以很简单地和流行相册插件NextGen Gallery整合]

 

Shutter Reloaded官方站

Shutter Reloaded WordPress插件

 

11. FloatBox

FloatBox的最大特点是,它和一般的“眼前一黑”出现一个框的效果不同,它是“眼前一黑”的同时你发现你点击的那个图片从你点击的那个位置拉伸到预定大小,很有动感。如果关闭呢,它又能很流畅地“缩”回到原来的位置,很有意思。

 

FloatBox官方站

FloatBox WordPress插件

 

我的一大爱好就是找到一个类型插件或者产品的同类,这两天花了点时间把能找到的这种图片显示效果找了个遍,发现这么11个品种<,其实应用这些效果的插件还不只这些,我只列出了比较有代表性的,感兴趣的朋友可以自己体验体验。这类插件真是没有什么好与坏,就看你自己的感觉了,觉得哪个好看用哪个。对于图片多的站点来说,应用它们能给你的站点带来不少亮点,比如呼之欲出的美女…

本人严正声明:Cuptool分类/WordPress分类/COMODO分类文章均为原创,在全世界只有一个作者。本人是该分类文章的唯一合法代表。自古以来本人一直对该分类文章行使主权。该分类文章的标题出处是文章正文不可分割的一部分,任何企图转载此分类文章不留出处,或恶意采集修改该分类文章的行为,都必将遭到包括中国人民在内的全世界人民的反对!各族人民反对文章标题出处与正文分裂、维护原文统一、维护原文稳定的决心是坚定不移的,任何破坏原文完整性、恶意采集转载的图谋都是不得人心的,是注定要失败的。

如需转载请按照 署名-非商业性使用-禁止演绎方式,并请注明:
转载自作甚@ZUOSHEN.COM

本文链接地址: 图片/视频显示效果插件系列

相关文章

13条留言于“图片/视频显示效果插件系列”

  1. 淘宝 说:

    很实用。。。

  2. LOKE 说:

    额,写给我的? [cusFace:44]

  3. LOKE 说:

    关键不在这个,我要找的是能支持外链图片的显示效果…

  4. aunsen 说:

    怎么现在才发 [cusFace:15]

回复

(Ctrl + Enter快捷提交)

CommentLuv Enabled
[cusFace:9] [cusFace:8] [cusFace:7] [cusFace:6] [cusFace:5] [cusFace:52] [cusFace:51] [cusFace:50] [cusFace:4] [cusFace:49] [cusFace:48] [cusFace:47] [cusFace:46] [cusFace:45] [cusFace:44] [cusFace:43] [cusFace:42] [cusFace:41] [cusFace:40] [cusFace:3] [cusFace:39] [cusFace:38] [cusFace:37] [cusFace:36] [cusFace:35] [cusFace:34] [cusFace:33] [cusFace:32] [cusFace:31] [cusFace:30] [cusFace:2] [cusFace:29] [cusFace:28] [cusFace:27] [cusFace:26] [cusFace:25] [cusFace:24] [cusFace:23] [cusFace:22] [cusFace:21] [cusFace:20] [cusFace:19] [cusFace:18] [cusFace:17] [cusFace:16] [cusFace:15] [cusFace:14] [cusFace:13] [cusFace:12] [cusFace:11] [cusFace:10] [cusFace: 1]

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.