30個最好的jQuery 燈箱插件

 jQuery 是很是流行的JS框架,其儼然已成了開發者的必備工具,其中的jQuery Lightbox插件更是爲廣大開發者所喜好。它驚人的特徵之一是jQuery Lightbox插件有不少變化。css

下面介紹30個最好的jQuery Lightbox 插件,別忘了收藏它,以防將來的設計中錯過它們中的一個。html

1. Fancy Zoom (jQuery)jquery

幾天前,John重寫了Cabel Sasser的FancyZoom,在Prototype和Scriptaculous程序庫上。我將它引入到jQuery,並作了一些改進。 
clip_p_w_picpath001git

View Live Demoajax

2. Lightbox2瀏覽器

支持全部瀏覽器的簡單易用的Lightbox插件。clip_p_w_picpath002安全

View Live Demo框架

3. jQuery Lightbox Plugin (balupton edition)ide

添加一些效果HTML文本中,可用的效果包括陰影,漸變鏡等。 
clip_p_w_picpath003工具

View Live Demo

4. LightWindow v2.0

LightWindow是一款基於Prototype,相似於Lightbox燈箱效果的JS特效。其特色在於高度可定製,支持多種類型的媒體顯示。 
clip_p_w_picpath004

View Live Demo

5. Colorbox Lightbox Plugin

ColorBox是個輕量級的可定製化的燈箱插件,支持jQuery 1.3 和 1.4。 
clip_p_w_picpath005

View Live Demo

6. FaceBox

Facebox 是個Facebook風格的燈箱插件,能夠顯示圖片、Divs,或者整個遠程頁面。clip_p_w_picpath006

View Live Demo

7. jQuery Lightbox

jQuery Lightbox已經成爲Google Code上面的項目。每一個人均可以對其做出本身的變化。clip_p_w_picpath007

View Live Demo

8. Milkbox

Milkbox具備不少的新功能,好比畫廊對象的定義、flashvars、html文件等。同時,你也能夠安全的使用它經過mootools VX兼容模式。它已經支持IE9。

clip_p_w_picpath008

View Live Demo

9. FancyBox

FancyBox能夠顯示圖片、HTML內容、及多媒體。clip_p_w_picpath009

View Live Demo

10. Visual jQuery LightBox

Visual jQuery LightBox,免費的嚮導程序,無需一行代碼,就能夠作成在線的畫廊。clip_p_w_picpath010

View Live Demo

11. prettyPhoto

prettyPhoto是jQuery lightbox的克隆。它支持圖片、視頻、flash、YouTube、iframes等。 
clip_p_w_picpath011

View Live Demo

12. PIROBOX

pirobox,其重要的一點是支持打開全部類型的文件,另外是自動的圖片尺寸設定及拖曳。 
clip_p_w_picpath012

View Live Demo

13. Shadowbox

Shadowbox由JS和CSS編寫,可高度定製。

clip_p_w_picpath013

View Live Demo

14. Litebox jQuery Plugin

Litebox是Lightbox V2.0的修改版,尺寸減少。clip_p_w_picpath014

View Live Demo

15. ThickBox

ThickBox是一個基於JQuery類庫的擴展,它能在瀏覽器界面上顯示很是棒的UI框, 它能夠顯示單圖片,多圖片,ajax請求內容或連接內容.

.clip_p_w_picpath015

View Live Demo

16. Slightly ThickerBox

Slightly ThickerBox是Cody Lindley的Thickbox的修改版。改版增長了翻頁功能連接,也就是作你能夠用它作畫廊了。clip_p_w_picpath016

View Live Demo

17. Suckerfish HoverLightbox

第一眼就是很是漂亮。包括了Lokesh Dhakar 寫的Lightbox JS。這些高手寫出來的東西,拓展性很強。

clip_p_w_picpath017

View Live Demo

18. NyroModal

設計師們就彷佛更喜歡使用多模態窗口,爲他們提供了一個快捷方式來代表無需重載整個頁面的數據。它易於使用和易於設計。clip_p_w_picpath018

View Live Demo

19. Lightview

Lightview的創建是爲了改變你在網頁上覆蓋內容的方式。clip_p_w_picpath019

View Live Demo

20. Interface Imagebox

Interface Imagebox是jQuery的接口插件。clip_p_w_picpath020

View Live Demo

21. jQuery lightBox plugin

jQuery lightBox plugin簡單、優雅、乖巧。 
clip_p_w_picpath021

View Live Demo

22. imgBox

所以,在幾個星期前我開始有挑戰性的項目工做 - imgBox。 imgBox是一個jQuery插件,實現了對圖像平滑變焦效果。 下載嘗試一下吧? 
clip_p_w_picpath022

View Live Demo

23. GreyBox jQuery Lightbox

GreyBox jQuery Lightbox用最漂亮的方式顯示站點、圖片等內容。 
clip_p_w_picpath023

View Live Demo

24. Picbox

Picbox在Slimbox的基礎上改進,它的特色在於自動調整尺寸大小,以及大圖片的縮放功能。 
clip_p_w_picpath024

View Live Demo

25. Lightbox Gone Wild 
clip_p_w_picpath025

View Live Demo

26. SimpleModal

SimpleModal,輕量級的jQuery插件,具備強大的界面。可認爲他是模態窗口的框架,具備很強的靈活性。 
clip_p_w_picpath026

View Live Demo

27. boxy

clip_p_w_picpath027

View Live Demo

28. Highslide JS

Highslide JS是圖片、媒體、畫廊的查看器。 
clip_p_w_picpath028

View Live Demo

29. Slimbox 2

Slimbox 2 是Lighbox 2的克隆,100%兼容Lightbox 2。它很是小巧、友好,僅4KB。 
clip_p_w_picpath029

View Live Demo

30. Picasa LightBox

Picasa LightBox是WordPress插件,你能夠輕鬆添加Picasa圖片到你的WordPress文章和頁面中。 
clip_p_w_picpath030

View Live Demo

相關文章
相關標籤/搜索