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

Javascript
JavaScript如何重构嵌套循环和递归
JS应用在Firebug中的扩展架构模式
提升JS性能:将递归转换为迭代
IE7浏览器下缩放图片失真问题
JavaScript对DOM进行操作的指导性原则
JavaScript有趣实例:胸罩罩杯尺寸计算器
Firefox的Firebug扩展:FireScope
Mozilla的JavaScript引擎__noSuchMethod__()方法
JavaScript+CSS制作的网站导航菜单
javascript的私有成员(private)
Javascript绘制分析曲线图
ie6使用js支持hover伪类
收集的25个下拉网页菜单特效Javascript脚本
Javascript框架的自定义事件
总结Javascript调用函数的方法
JS教程:call、apply、callee用法
JS教程:数组类型检测和集合检测
兼容FF的设为首页与收藏网站的JS代码
Javascript教程:PopUp对象
JS读写Cookie以及设置过期时间

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 398 ::
收藏到网摘: 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请求数量,从而影响网站的整体性能,所以我建议在使用的时候,可以采取一些措施对其脚本进行必要的合并和压缩。

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