Clearbox 3:很酷的仿Lightbox指令碼

來源:互聯網
上載者:User

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

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



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。