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請求數量,從而影響網站的整體效能,所以我建議在使用的時候,可以採取一些措施對其指令碼進行必要的合并和壓縮。
這裡就簡單介紹這麼多,希望瞭解更多的童鞋可到官方網站查詢,如有疑問也可以在本文的評論中交流