分享20款美化網(wǎng)站的 jQuery Lightbox 燈箱插件
jQuery Lightbox 燈箱插件可以讓你為您的網(wǎng)站和應(yīng)用程序展示優(yōu)雅的圖像,視頻 和其它內(nèi)容(使用模式窗口)。如果你是一個(gè)開(kāi)發(fā)人員,你必須擁有 jQuery 燈箱插件集合,因?yàn)橛幸徊糠值目蛻魰?huì)要求他們的網(wǎng)站看起來(lái)更有吸引力和視覺(jué)沖擊力。
因此在這個(gè)集合中,我們編譯了20款最好的 jQuery 燈箱插件清單,這將有助于開(kāi)發(fā)人員創(chuàng)建和設(shè)計(jì)精美的網(wǎng)站。您可以將這些插件很容易地集成到您的網(wǎng)站,可以下載他們瞬間充實(shí)你的插件庫(kù)。
1. lightGallery
jQuery lightGallery 是一個(gè)輕量級(jí)的 jQuery 燈箱插件,用于顯示圖像和視頻庫(kù)。它功能齊全,如響應(yīng)式布局,對(duì)移動(dòng)設(shè)備支持觸控,滑動(dòng)和褪色效果,圖像標(biāo)題和描述等等。
2. Lighterbox
Lighterbox 是一種更輕量的和可定制的 jQuery 燈箱畫(huà)廊插件。一個(gè)簡(jiǎn)單的插件支持現(xiàn)代移動(dòng)和桌面瀏覽器,以減少配置和兼容處理的代碼。
3. Rebox
jQuery-Rebox 是一種簡(jiǎn)單,輕量,響應(yīng)式,移動(dòng)友好的 jQuery 燈箱插件,它適合于簡(jiǎn)單,不需要任何圖像。
4. LiteBox
LiteBox是一種多功能,自動(dòng)檢測(cè)內(nèi)容,收藏夾/模態(tài)窗口的圖像,嵌入的內(nèi)容 ,iframe 框架和內(nèi)嵌 HTML 中使用。
5. Image Lightbox
這款燈箱插件是一個(gè)簡(jiǎn)約的,可擴(kuò)展和可配置性,響響應(yīng)式和觸摸友好的 iOS、Android 和 Windows Phone 的兼容燈箱插件。自動(dòng)預(yù)加載下一個(gè)圖像,使用 CSS 轉(zhuǎn)換和過(guò)渡。
6. jQuery TosRus
jQuery.TosRUs 插件是一個(gè)偉大的燈箱插件,支持通過(guò) scrolling/swiping 任何的內(nèi)容。在臺(tái)式機(jī),平板電腦或智能手機(jī),內(nèi)部的 HTML 元素或作為燈箱彈出。
7. Fluidbox
Fluidbox是一個(gè) jQuery 插件,它可以讓連接到一個(gè)更大分辨率的圖像。它適用于手機(jī),也插件處理更高的分辨率,優(yōu)雅鏈接的圖像,這樣它只有預(yù)裝他們當(dāng)用戶點(diǎn)擊縮略圖。
8. Swipebox
Swipebox 是一個(gè) jQuery 燈箱插件,其中有對(duì)觸摸事件的支持和響應(yīng)布局效果很好。它可以顯示單個(gè)項(xiàng)目或一組項(xiàng)目(畫(huà)廊) ,他們可以用滑動(dòng)手勢(shì),或者鍵盤來(lái)瀏覽。
9. iLightbox
iLightBox 是一個(gè)新鮮的替代其他的 jQuery 燈箱插件,有一個(gè)很大的機(jī)會(huì),雖然這是一個(gè)付費(fèi)的資源,它可能會(huì)成為你的最愛(ài)。它可以呈現(xiàn)圖像,視頻 ,其他 HTML 和有一個(gè)可選的全屏模式。
10. VenoBox
VenoBox 是又一個(gè)響應(yīng) jQuery 的燈箱插件,適用于圖像,內(nèi)嵌的內(nèi)容, iFrame中,谷歌地圖, Ajax請(qǐng)求, VIMEO和YouTube視頻。相比于許多其他模態(tài)窗口插件,VenoBox 計(jì)算所顯示的圖像的最大寬度,并保留其高度是否大于窗口高的大的差異 。
11. Magnific Popup
這是一個(gè)免費(fèi)的響應(yīng)式的 jQuery 燈箱插件,專注于性能,并為用戶提供的任何設(shè)備最好的體驗(yàn)。大多數(shù)收藏夾插件需要你通過(guò) JS 選項(xiàng)來(lái)定義它的大小。
12. Featherlight
Featherlight 是一個(gè)非常輕量級(jí)的 jQuery 燈箱。響應(yīng)式,支持圖像, AJAX 和 iframe 中開(kāi)箱和配置選項(xiàng)的范圍,你可以將它適應(yīng)您的需求。
13. flipLightBox
flipLightBox 是一個(gè)免費(fèi)的響應(yīng)式燈箱 jQuery 插件,非常容易實(shí)現(xiàn),不需要任何額外的樣式表,腳本和庫(kù)。它的主要功能是可選的翻頁(yè)效果,因?yàn)槊總€(gè)燈箱圖像打開(kāi)和關(guān)閉。
14. Colorbox
ColorBox 是另一個(gè) jQuery 燈箱插,輕量級(jí)的( 9KB ),支持照片,照片組,幻燈片, AJAX,內(nèi)聯(lián)和 iframe 內(nèi)容。燈箱有一個(gè)非常精美的界面,可以改進(jìn)或定制的CSS 。
15. Lightbox_me
Lightbox_me是 jQuery 開(kāi)發(fā)者工具箱中的必備工具。給它包裹在一個(gè) jQuery 對(duì)象的 DOM 元素,將燈箱效果呈現(xiàn)給你。
16. Shadowbox
Shadowbox 太極拳是一個(gè)燈箱插件,支持所有網(wǎng)絡(luò)上最流行的媒體發(fā)布格式。太極拳是高度可定制和網(wǎng)站的作者可以展示在所有主要瀏覽器的媒體各式各樣沒(méi)有導(dǎo)航的用戶遠(yuǎn)離鏈接頁(yè)面。
17. Superbox
SuperBox 是一款最新的 jQuery 插件,同時(shí)加載圖像和燈箱,減少了 JavaScript 和圖像加載的依賴,使用了 HTML5 data 屬性,響應(yīng)式布局和 jQuery ,這就是 SuperBox。
18. Lightview
Lightview 讓你使用 jQuery 庫(kù)輕松創(chuàng)建中最美麗的窗口重疊。通過(guò)將支持廣泛的媒體與華麗的外觀和人性化的API ,Lightview使用 HTML5 來(lái)幫助您實(shí)現(xiàn)在每一個(gè)瀏覽器的最佳體驗(yàn)。讓它自動(dòng)增強(qiáng)您的媒體或創(chuàng)建使用強(qiáng)大的 JavaScript API 的自定義覆蓋。
19. Fresco
Fresco 是一個(gè)美麗的響應(yīng)式燈箱,可用于創(chuàng)建任何大小的屏幕在工作的偉大,在每一個(gè)設(shè)備上的所有瀏覽器驚人的重疊。為了讓事情更真棒壁畫(huà)帶有全屏放大,視網(wǎng)膜就緒皮膚,Youtube 和 Vimeo 集成 HTML5 視頻和強(qiáng)大的 JavaScript API 。
20. Topup
Topup 是一個(gè)易于使用的 Javascript庫(kù),能夠顯示圖像和網(wǎng)頁(yè)中的彈出窗口以 Web 2.0 的方式。該庫(kù)是 jQuery 和 jQuery UI 驅(qū)動(dòng),以維持跨瀏覽器的兼容性和緊湊性。
相關(guān)文章
Jquery實(shí)現(xiàn)點(diǎn)擊按鈕,連續(xù)地向textarea中添加值的實(shí)例代碼
本篇文章主要是對(duì)Jquery實(shí)現(xiàn)點(diǎn)擊按鈕,連續(xù)地向textarea中添加值的實(shí)例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-03-03jquery+css實(shí)現(xiàn)移動(dòng)端元素拖動(dòng)排序
這篇文章主要為大家詳細(xì)介紹了jquery+css實(shí)現(xiàn)移動(dòng)端元素拖動(dòng)排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解
本篇文章介紹了,基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解需要的朋友參考下2013-04-04JQuery實(shí)現(xiàn)網(wǎng)頁(yè)右側(cè)隨動(dòng)廣告特效
本文給大家分享的是2則使用jquery實(shí)現(xiàn)網(wǎng)頁(yè)右側(cè)隨動(dòng)廣告特效的代碼,非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下。2016-01-01利用webqq協(xié)議使用python登錄qq發(fā)消息源碼參考
本文將詳細(xì)介紹下利用webqq協(xié)議使用python登錄qq發(fā)消息實(shí)現(xiàn)思路及代碼,感興趣的朋友可以參考下,希望對(duì)你有所幫助2013-04-04innerHTML與jquery里的html()區(qū)別介紹
我原本一直以為innerHTML和jquery里的html其實(shí)是完全一樣的,jquery是多此一舉了,直到我遇到一次問(wèn)題2012-10-10EasyUI在表單提交之前進(jìn)行驗(yàn)證的實(shí)例代碼
這篇文章主要介紹了EasyUI在表單提交之前進(jìn)行驗(yàn)證的實(shí)例代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06移動(dòng)端jQuery修正Web頁(yè)面滑動(dòng)時(shí)div問(wèn)題的兩則實(shí)例
這篇文章主要介紹了移動(dòng)端jQuery修正Web頁(yè)面滑動(dòng)時(shí)div問(wèn)題的兩則實(shí)例,分別針對(duì)頂部固定fixed不為0時(shí)滑動(dòng)出現(xiàn)的閃動(dòng)以及touchmove的受阻止的相關(guān)問(wèn)題,需要的朋友可以參考下2016-05-05jQuery的實(shí)現(xiàn)原理的模擬代碼 -5 Ajax
對(duì)于 xhr 對(duì)象來(lái)說(shuō),我們主要通過(guò)異步方式訪問(wèn)服務(wù)器,在 onreadystatechange 事件中處理服務(wù)器回應(yīng)的內(nèi)容。簡(jiǎn)單的 xhr 使用如下所示。2010-08-08