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

Javascript
Web层改进II-用xmlhttp 无声息提交复杂表单
用ADODB.Stream转换
html读出文本文件内容
自适应高度框架 ----属个人收藏内容
Maps Javascript
JAVASCRIPT HashTable
一页面多XMLHttpRequest对象
网页javascript精华代码集
判断浏览器的js代码
JS判断浏览器之Navigator对象
用js自动判断浏览器分辨率的代码
用JavaScript和注册表脚本实现右键收藏Web页选中文本
判断页面是关闭还是刷新的js代码
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
叠加计算出错的解决方法
一个轻量级的XHTML右键菜单[支持IE和firefox]
一些易混淆且不常用的属性,希望有用
网易首页的新闻代码
Flash对联广告的关闭按钮讨论
用JS获得表格当前行数的代码

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


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

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