類型:
Javascript
對於設計師,開發者,攝影師或任何創造性的個人和企業,他們自己的站台是展示他們的技能和服務的最佳場所。你可能打算設計一個新的個人作品站台,不管你是從頭開始或使用模板,都會需要使用 jQuery 幻燈片外掛程式,以美麗奪目的方式顯示的作品。
網路上有很多的 jQuery 幻燈片外掛程式,很難決定哪一個更好。因此,我們編輯了15款目前比較優秀的 jQuery 幻燈片外掛程式,幫助你用一個美麗的和創新的方式展示你的圖片或是影片清單。如果你有熟悉的任何其它幻燈片外掛程式,請與我們的讀者分享您的回饋。
?
1. Skippr
Skippr 是一個超級簡單的?jQuery?幻燈片外掛程式。只是包括你的網頁中引入 jquery.skippr.css 和?jquery.skippr.js 檔案就能使用了。Skippr 能夠自適應窗口寬度,而且瀏覽是獨特的條形瀏覽。
效果演示?? ? ?源碼下載
2. Prezento
Prezento 這款 jQuery 外掛程式可以讓你網頁以新穎的互動方式呈現。另外,Prezento 支援響應式設計,規格項也很靈活,可以根據你需要的效果規格。
效果演示?? ? ?源碼下載
3. Responsiveslides.js
ResponsiveSlides.js 是輕量的 jQuery 幻燈片外掛程式,用於創建響應式的圖片滑動功能。支援大多數的瀏覽器,甚至包括IE6。
效果演示?? ? ?源碼下載
4. Reveal.js
這個訊框架用來幫助你輕鬆地使用 HTML 創建漂亮的演示文稿。 reveal.js 配備廣泛的功能,包括巢狀幻燈片、PDF匯出、演講筆記和 JavaScript API。在現代瀏覽器中效果最好,也提供了降級處理以確保您的演示文稿仍然可以在其它地方觀看。
效果演示?? ? ?源碼下載
5. Vegas 2
Vegas 是用於實作背景圖片滑塊的 jQuery 外掛程式,可以讓你新增美麗的全螢幕背景到您的網頁中。它還能實作各種幻燈片。不同背景,轉場和回呼的幻燈片可以很容易地建立起來。大多數時候,背景會被拉伸以適應大螢幕幕。
效果演示?? ? ?源碼下載
6. Fotoroma
Fotorama?是一個高度靈活的圖片庫 jQuery 外掛程式,支援桌面和行動瀏覽器。它提供了多種選擇,包括縮圖,上一個,下一個按鈕,幻燈片或子彈瀏覽映像瀏覽。
效果演示?? ? ?源碼下載
7. SlidesJS
SlidesJS 是一款老牌的?jQuery?幻燈片外掛程式,經過多年的發展,已經成為一款功能齊全,設計精巧的幻燈片外掛程式。支援迴圈、自動播放功能和淡入淡出轉場效果,並且能夠自動生成分頁,可以幫助開發者製作出優雅的幻燈片效果。
效果演示?? ? ?源碼下載
8. MaxImage
MaxImage 2.0 是一個全螢幕背景的幻燈片外掛程式,它利用 jQuery Cycle 外掛程式和所有它的轉換/選項。使用者都會有一個流暢的體驗,這對於大映像動畫很重要。
效果演示?? ? ?源碼下載
9. Slide Me
Slideme 是一個響應式的滑塊外掛程式,可定製,易於安裝和使用,支援多案例,全螢幕,涼爽的,功能強大的?jQuery 幻燈片外掛程式。
效果演示?? ? ?源碼下載
10. Juicy Slider
Juicy Slider?滑塊是另外一款響應式的幻燈片 jQuery 外掛程式。與其它依靠瀏覽器 CSS3 支援的外掛程式不同,它通過計算映像的相應寬高比和視圖,使用 JavaScript 調整映像大小。這種方法使得它與舊的瀏覽器更相容。
效果演示?? ? ?源碼下載
11. Fullsizable
fullsizable 這款?jQuery 外掛程式充分利用瀏覽器空間來查看影像。還支援現代瀏覽器的原生 HTML5 全螢幕 API。
效果演示?? ? ?源碼下載
12. jQuery Slideshow
jQuery 幻燈片是一個高效能和對開發者友好的幻燈片和內容旋轉木馬外掛程式,支援觸摸手勢,壓縮後只有不到 2KB 大小。
效果演示?? ? ?源碼下載
13. ConveyorBelt
這是一個簡單的,可調節的幻燈片旋轉木馬的 jQuery 外掛程式。大量的可用規格,包括轉場類型、映像適合和幻燈片的速度等。
效果演示?? ? ?源碼下載
14. Camera
Camera 是由 Diapo?開發人員創建的,並包括了各種功能與響應式布局功能。幻燈片支援任何的?HTML 元素(圖片,純文字,影片等)。
15. Destaque
Destaque 是一個簡單的幻燈片外掛程式,內建視差(Parallax)效果。支援 IE+ 瀏覽器,規格靈活。
效果演示?? ? ?源碼下載
?
?
英文鏈結:jQuery Plugins Creating Beautiful Slideshows
編譯來源:夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源
本文出處【http://www.cnblogs.com/lhb25/】
想在手機查閱更多Javascript資訊?免費下載【香港矽谷】Android App
原文站台: 夢想天空
歡迎任何形式的轉載,但請務必註明出處。
分享到Facebook