30個最好的jQuery 燈箱插件分享
jQuery 是非常流行的JS框架,其儼然已成了開發(fā)者的必備工具,其中的jQuery Lightbox插件更是為廣大開發(fā)者所喜愛。它驚人的特征之一是jQuery Lightbox插件有很多變化。
下面介紹30個最好的jQuery Lightbox 插件,別忘了收藏它,以防未來的設(shè)計中錯過它們中的一個。
幾天前,John重寫了Cabel Sasser的FancyZoom,在Prototype和Scriptaculous程序庫上。我將它引入到j(luò)Query,并做了一些改進(jìn)。
2. Lightbox2
3. jQuery Lightbox Plugin (balupton edition)
LightWindow是一款基于Prototype,類似于Lightbox燈箱效果的JS特效。其特點在于高度可定制,支持多種類型的媒體顯示。
ColorBox是個輕量級的可定制化的燈箱插件,支持jQuery 1.3 和 1.4。
6. FaceBox
Facebox 是個Facebook風(fēng)格的燈箱插件,可以顯示圖片、Divs,或者整個遠(yuǎn)程頁面。
jQuery Lightbox已經(jīng)成為Google Code上面的項目。每個人都可以對其作出自己的變化。
8. Milkbox
Milkbox具有很多的新功能,比如畫廊對象的定義、flashvars、html文件等。同時,你也可以安全的使用它通過mootools VX兼容模式。它已經(jīng)支持IE9。
9. FancyBox
FancyBox可以顯示圖片、HTML內(nèi)容、及多媒體。
Visual jQuery LightBox,免費(fèi)的向?qū)С绦?,無需一行代碼,就可以做成在線的畫廊。
11. prettyPhoto
prettyPhoto是jQuery lightbox的克隆。它支持圖片、視頻、flash、YouTube、iframes等。
12. PIROBOX
pirobox,其重要的一點是支持打開所有類型的文件,另外是自動的圖片尺寸設(shè)定及拖曳。
13. Shadowbox
Shadowbox由JS和CSS編寫,可高度定制。
Litebox是Lightbox V2.0的修改版,尺寸減小。
15. ThickBox
ThickBox是一個基于JQuery類庫的擴(kuò)展,它能在瀏覽器界面上顯示非常棒的UI框, 它可以顯示單圖片,多圖片,ajax請求內(nèi)容或鏈接內(nèi)容.
Slightly ThickerBox是Cody Lindley的Thickbox的修改版。改版增加了翻頁功能鏈接,也就是做你可以用它做畫廊了。
第一眼就是非常漂亮。包括了Lokesh Dhakar 寫的Lightbox JS。這些高手寫出來的東西,拓展性很強(qiáng)。
18. NyroModal
設(shè)計師們就似乎更喜歡使用多模態(tài)窗口,為他們提供了一個快捷方式來表明無需重載整個頁面的數(shù)據(jù)。它易于使用和易于設(shè)計。
19. Lightview
Lightview的建立是為了改變你在網(wǎng)頁上覆蓋內(nèi)容的方式。
Interface Imagebox是jQuery的接口插件。
jQuery lightBox plugin簡單、優(yōu)雅、乖巧。
22. imgBox
因此,在幾個星期前我開始有挑戰(zhàn)性的項目工作 - imgBox。 imgBox是一個jQuery插件,實現(xiàn)了對圖像平滑變焦效果。 下載嘗試一下吧?
GreyBox jQuery Lightbox用最漂亮的方式顯示站點、圖片等內(nèi)容。
24. Picbox
Picbox在Slimbox的基礎(chǔ)上改進(jìn),它的特點在于自動調(diào)整尺寸大小,以及大圖片的縮放功能。
26. SimpleModal
SimpleModal,輕量級的jQuery插件,具有強(qiáng)大的界面??烧J(rèn)為他是模態(tài)窗口的框架,具有很強(qiáng)的靈活性。
27. boxy
28. Highslide JS
29. Slimbox 2
Slimbox 2 是Lighbox 2的克隆,100%兼容Lightbox 2。它非常小巧、友好,僅4KB。
30. Picasa LightBox
Picasa LightBox是WordPress插件,你可以輕松添加Picasa圖片到你的WordPress文章和頁面中。
相關(guān)文章
jQuery的animate函數(shù)學(xué)習(xí)記錄
jQuery.animate的每種動畫過渡效果都是通過easing函數(shù)實現(xiàn)的,下面是自己研究之后對其的基本認(rèn)識2014-08-08解決jquery有正確返回值但不執(zhí)行success函數(shù)的問題
今天小編就為大家分享一篇解決jquery有正確返回值但不執(zhí)行success函數(shù)的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08解決jquery中動態(tài)新增的元素節(jié)點無法觸發(fā)事件問題的兩種方法
這篇文章主要分享了解決jquery中動態(tài)新增的元素節(jié)點無法觸發(fā)事件問題的兩種方法,感興趣的小伙伴們可以參考一下2015-10-10jQuery + Flex 通過拖拽方式動態(tài)改變圖片的代碼
功能終于告一段落了,實現(xiàn)了預(yù)期的功能。遇到了一個小麻煩,js 會把某些變量( 如果你是通過對象的方式傳遞的,將在傳遞之后丟失類型信息 ,后面*號部分)2011-08-08