当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Clearbox 3:很酷的仿Lightbox脚本

Javascript
JMenuTab简单使用说明
简单的JS多重继承示例
js另类写法
javascript cookie解码函数(兼容ff)
Javascript的一种模块模式
详解new function(){}和function(){}() 区别分析
YUI 读码日记之 YAHOO.lang.is*
用JS得到字符串中出现次数最多的字母
YUI 读码日记之 YAHOO.util.Dom - Part.1
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
javascript YUI 读码日记之 YAHOO.util.Dom - Part.4
利用js对象弹出一个层
js用图作提交按钮或超连接
通过 Dom 方法提高 innerHTML 性能
javascript 通用滑动门tab类
二行代码解决全部网页木马
JavaScript的面向对象方法以及差别
悟透JavaScript整理版
try finally 妙用,防止内存泄漏

Javascript 中的 Clearbox 3:很酷的仿Lightbox脚本


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 524 ::
收藏到网摘: n/a

LightBox是一个很酷的,也是很有用的js脚本,可以很方便的查看页面中的图片。但是自从Lightbox诞生之后,一大批的仿Lightbox的脚本就不断涌现,其中不乏优秀的完全超越Lightbox的作品,我们之前也收集过《 10个最佳Mootools Lightbox效果脚本收集》和《 10个最佳jQuery Lightbox效果插件收集》今天就向大家介绍一下 clearbox 3,它在实现lightbox基本功能的同时,也有很多创新之处。

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

clearbox有以下特性:

  • 图片自动播放;
  • 图片旋转;
  • 鼠标滚轮切换图片;
  • 自动检测媒体格式;
  • 多语言支持(目前官方尚未提供中文语言包,不过语言包设置非常简单,只需在简单配置language/目录下新加一个语言文件夹比如cn,然后将翻译好的cb_language.js文件放进去就可以。)

Clearbox支持媒体格式:

  • 图片格式:BMP, GIF, JPG, JPEG, PNG
  • 视频格式:AVI, MOV, MPG, MPEG, WMV
  • 音频格式:MP3, WAV, WMA
  • Flash: SWF
  • 内联内容: inner#id
  • HTML内容:通过href添加任何HTML文件
  • Iframe 内容:可以通过iframe嵌套任何页面

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

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

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

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