搜尋

隨機推薦

24 十二月 2010
22 十一月 2011

Clearbox 3 一個很酷的純JS Lightbox

LightBox是一個很酷的,也是很有用的js腳本,可以很方便的查看頁面中的圖片。但是自從Lightbox誕生之後,一大批的仿Lightbox的腳本就不斷湧現,其中不乏優秀的完全超越Lightbox的作品,我們之前也收集過《 10個最佳Mootools Lightbox效果腳本收集》和《 10個最佳jQuery Lightbox效果插件收集》今天就向大家介紹一下 clearbox 3,它在實現lightbox基本功能的同時,也有很多創新之處。

廣告

 

Clearbox 是一個獨立的腳本,不依賴其它JS庫或框架。它有很多個部分組成,包括core文件,語言包,以及配置文件,但是你使用的時候只需要引入一個接口文件clearbox.js就可以了。

http://easycaptures.com/fs/uploaded/209/7713031546.jpg

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請求數量,從而影響網站的整體性能,所以我建議在使用的時候,可以採取一些措施對其腳本進行必要的合併和壓縮。

這裡就簡單介紹這麼多,希望瞭解更多的童鞋可到官方網站查詢,如有疑問也可以在本文的評論中交流。

廣告

无觅相关文章插件,快速提升流量

Please publish modules in offcanvas position.