30個最好的jQuery 燈箱插件

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

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

1. Fancy Zoom (jQuery)

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

View Live Demo

2. Lightbox2

支持所有瀏覽器的簡單易用的Lightbox插件。clip_image002

View Live Demo

3. jQuery Lightbox Plugin (balupton edition)

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

View Live Demo

4. LightWindow v2.0

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

View Live Demo

5. Colorbox Lightbox Plugin

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

View Live Demo

6. FaceBox

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

View Live Demo

7. jQuery Lightbox

jQuery Lightbox已經成爲Google Code上面的項目。每個人都可以對其作出自己的變化。clip_image007

View Live Demo

8. Milkbox

Milkbox具有很多的新功能,比如畫廊對象的定義、flashvars、html文件等。同時,你也可以安全的使用它通過mootools VX兼容模式。它已經支持IE9。

clip_image008

View Live Demo

9. FancyBox

FancyBox可以顯示圖片、HTML內容、及多媒體。clip_image009

View Live Demo

10. Visual jQuery LightBox

Visual jQuery LightBox,免費的嚮導程序,無需一行代碼,就可以做成在線的畫廊。clip_image010

View Live Demo

11. prettyPhoto

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

View Live Demo

12. PIROBOX

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

View Live Demo

13. Shadowbox

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

clip_image013

View Live Demo

14. Litebox jQuery Plugin

Litebox是Lightbox V2.0的修改版,尺寸減小。clip_image014

View Live Demo

15. ThickBox

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

.clip_image015

View Live Demo

16. Slightly ThickerBox

Slightly ThickerBox是Cody Lindley的Thickbox的修改版。改版增加了翻頁功能鏈接,也就是做你可以用它做畫廊了。clip_image016

View Live Demo

17. Suckerfish HoverLightbox

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

clip_image017

View Live Demo

18. NyroModal

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

View Live Demo

19. Lightview

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

View Live Demo

20. Interface Imagebox

Interface Imagebox是jQuery的接口插件。clip_image020

View Live Demo

21. jQuery lightBox plugin

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

View Live Demo

22. imgBox

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

View Live Demo

23. GreyBox jQuery Lightbox

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

View Live Demo

24. Picbox

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

View Live Demo

25. Lightbox Gone Wild 
clip_image025

View Live Demo

26. SimpleModal

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

View Live Demo

27. boxy

clip_image027

View Live Demo

28. Highslide JS

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

View Live Demo

29. Slimbox 2

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

View Live Demo

30. Picasa LightBox

Picasa LightBox是WordPress插件,你可以輕鬆添加Picasa圖片到你的WordPress文章和頁面中。 
clip_image030

View Live Demo

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章