Clearbox 3：很酷的仿Lightbox插件

2016-02-20 01:11 5 1 收藏

今天图老师小编给大家精心推荐个Clearbox 3：很酷的仿Lightbox插件教程，一起来看看过程究竟如何进行吧！喜欢还请点个赞哦~

【 tulaoshi.com - Web开发】

Clearbox 是一个独立的脚本，不依赖其它JS库或框架。它有很多个部分组成，包括core文件，语言包，以及配置文件，但是你使用的时候只需要引入一个接口文件clearbox.js就可以了。

clearbox有以下特性：图片自动播放；图片旋转；鼠标滚轮切换图片；自动检测媒体格式；多语言支持(目前官方尚未提供中文语言包，不过语言包设置非常简单，只需在简单配置language/目录下新加一个语言文件夹比如cn，然后将翻译好的cb_language.js文件放进去就可以。)Clearbox支持媒体格式：图片格式：BMP, GIF, JPG, JPEG, PNG视频格式：AVI, MOV, MPG, MPEG, WMV音频格式：MP3, WAV, WMAFlash： SWF内联内容： inner#idHTML内容：通过href添加任何HTML文件Iframe 内容：可以通过iframe嵌套任何页面

从中可以看出，clearbox是一款很强大的Lightbox软件，它可以实现你所需要的各项功能。

查看Demo | 到官方下载 | 查看详细教程

但是，很少有很完美的东西，虽然clearbox很强大，现在我们越来越强调网站性能，而clearbox却调用了多个js文件，这显然会增加网站的HTTP请求数量，从而影响网站的整体性能，所以我建议在使用的时候，可以采取一些措施对其脚本进行必要的合并和压缩。

这里就简单介绍这么多，希望了解更多的童鞋可到官方网站查询，如有疑问也可以在本文的评论中交流。

来源:http://www.tulaoshi.com/n/20160220/1633438.html

上一篇：如何用win7批量修改照片文件名
下一篇： JQuery知识:20个jQuery教程+11个jQuery插件

看过《Clearbox 3：很酷的仿Lightbox插件》的人还看了以下文章更多>>

纯CSS制作的网页中的lightbox效果

标签： Web开发

“Lightbox”是一个别致且易用的图片显示效果，它可以使图片直接呈现在当前页面之上而不用转到新的窗口。lightbox效果网络上有很多js版本的介绍。不过都下载一个lightbox的js小则几十K，大则上百K。如果你只是需要一个类似Lightbox的效果，这种百分之百纯CSS制造，不含js的办法倒是可以试试。以下是引用片段： !DOCTYPE html PUBLIC "-//...

js实现的很酷的连接提示效果

标签： Web开发

很酷的连接提示效果之间--> 网页特效这是个不错的网站教程下载很好的下载站点,速度快程序源码编程爱好者的乐园文章教程这里有Delphi的好东东中国软件程序员必看刷新一次，再看看效果。有好几种哦 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

jQuery插件实现css3效果

标签： Web开发

css3可以轻松实现很多譬如图片边框、多重背景、文字阴影等效果，但是目前支持css3的浏览器少之又少，往往了实现圆角效果要去写一堆代码，下面介绍的这些强大的jQuery插件可以轻松帮你实现很多复杂的视觉效果。在这之前我们先来看一下几个CSS3实例代码是怎么实现各种效果的。 1.多重背景 #backgrounds-...

一个很酷的LOFT小公寓设计

标签：生活常识

一个很酷的LOFT小公寓设计这间住有两人一狗的公寓，把厨房当作家的中心，顺时钟地安排浴厕、臥室、客厅、书房。

3DS MAX：矢量渲染插件Illustrate

喜欢欣赏和制作Flash动画的朋友应该会发现，网上很多Flash作品中带有表现三维效果的内容。这些三维效果看起来确实很酷，如果真的用Flash编辑器做起来是很麻烦的！那么能不能用3DS MAX做出Flash动画呢？当然可以，先给你的3DS MAX装个矢量渲染插件Illustrate!吧。安装Illustrate!插件后，它就成为3DS MAX中的一个渲染器，用它可以将三...

查看更多精彩>>