30個最好的jQuery 燈箱外掛程式分享

來源:互聯網
上載者:User

jQuery 是非常流行的JS架構,其儼然已成了開發人員的必備工具,其中的jQuery Lightbox外掛程式更是為廣大開發人員所喜愛。它驚人的特徵之一是jQuery Lightbox外掛程式有很多變化。

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

1. Fancy Zoom (jQuery)

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

View Live Demo

2. Lightbox2

支援所有瀏覽器的簡單易用的Lightbox外掛程式。

View Live Demo

3. jQuery Lightbox Plugin (balupton edition)

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

View Live Demo

4. LightWindow v2.0

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

View Live Demo

5. Colorbox Lightbox Plugin

ColorBox是個輕量級的可定製化的燈箱外掛程式,支援jQuery 1.3 和 1.4。

View Live Demo

6. FaceBox

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

View Live Demo

7. jQuery Lightbox

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

View Live Demo

8. Milkbox

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

View Live Demo

9. FancyBox

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

View Live Demo

10. Visual jQuery LightBox

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

View Live Demo

11. prettyPhoto

prettyPhoto是jQuery lightbox的複製。它支援圖片、視頻、flash、YouTube、iframes等。

View Live Demo

12. PIROBOX

pirobox,其重要的一點是支援開啟所有類型的檔案,另外是自動的圖片尺寸設定及拖曳。

View Live Demo

13. Shadowbox

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

View Live Demo

14. Litebox jQuery Plugin

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

View Live Demo

15. ThickBox

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

.

View Live Demo

16. Slightly ThickerBox

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

View Live Demo

17. Suckerfish HoverLightbox

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

View Live Demo

18. NyroModal

設計師們就似乎更喜歡使用多模態視窗,為他們提供了一個捷徑來表明無需重載整個頁面的資料。它便於使用和易於設計。

View Live Demo

19. Lightview

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

View Live Demo

20. Interface Imagebox

Interface Imagebox是jQuery的介面外掛程式。

View Live Demo

21. jQuery lightBox plugin

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

View Live Demo

22. imgBox

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

View Live Demo

23. GreyBox jQuery Lightbox

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

View Live Demo

24. Picbox

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

View Live Demo

25. Lightbox Gone Wild

View Live Demo

26. SimpleModal

SimpleModal,輕量級的jQuery外掛程式,具有強大的介面。可認為他是模態視窗的架構,具有很強的靈活性。

View Live Demo

27. boxy

View Live Demo

28. Highslide JS

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

View Live Demo

29. Slimbox 2

Slimbox 2 是Lighbox 2的複製,100%相容Lightbox 2。它非常小巧、友好,僅4KB。

View Live Demo

30. Picasa LightBox

Picasa LightBox是WordPress外掛程式,你可以輕鬆添加Picasa圖片到你的WordPress文章和頁面中。

View Live Demo

相關文章

聯繫我們

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

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

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.