分享15個最佳jQuery幻燈插件和教程
在網站前端中使用 jQuery 庫已經變得越來越流行,前端開發人員發布或撰寫的相關的插件和教程也與日俱增。
幻燈(通常也被稱為“內容滑動”、內容切換效果、焦點圖等)是在網站或博客的較小區域展示大量內容的很好的方法。動態的自動滑動內容在很多網站上都是很流行的。你是否也對在自己的網站上實現類似的效果感興趣?那就看一下本文列出的 jQuery 插件吧!
1. jFlow
官方網站 演示
一個漂亮而整潔的圖片幻燈,被 nettut 推薦,如果你想自己做一個圖片幻燈效果,就去看看吧。
2. 使用 jQuery UI 實現推薦內容的幻燈展示
官方網站
這是一個教你如何“使用一種很有沖擊力的方法展示你的網站/博客的最佳內容以吸引更多眼球”的很不錯的教程。該文章介紹展示推薦內容的技術中的一個是自動播放內容幻燈。
3. 創建漂亮的 jQuery 幻燈教程
官方網站 演示
該教程介紹如何開發/創建漂亮的使用圖片描述和名稱的 jQuery 幻燈。
4. 基于 jQuery 的一個簡單的內容幻燈效果
官方網站 演示
Brenelz 的網站開發技巧的一個簡單的內容幻燈效果。
5. JC Play List
官方網站 演示
免費而好用的使用 Flash 組件創建的一個 jQuery 幻燈插件,特別是對 XML、RSS2.0、Picasa 和 Flickr 等多媒體列表等非常方便。
6. Easy Slider
官方網站 演示
一個 JQuery 插件,允許圖片或任何內容在點擊的時候水平/垂直滑動。
7. jqGalScroll
官方網站
jQuery Gallery Scroller (jqGalScroll)使用圖片列表,并創建一個光滑的可以垂直、水平或對角滾動的圖片相冊。該插件同樣能創建分頁,從而你就可以輕松的瀏覽你的照片了。
8. Image Gallery
官方網站
這個一點兒都不復雜——它是一個非常簡單的圖片畫廊/查看器。你可以像這樣調用圖片:
9. 使用 jQuery UI 制作內容幻燈
官方網站 演示
Dan Wellman 為 NetTuts 寫的教程,很詳細。
10. 創建一個自動播放的推薦內容幻燈
官方網站 演示
來自 CSS-Tricks 的 Chris Coyier 寫的一篇教程。該腳本基于 Coda Slider。它包含一些擴展的特性:
11. slideViewer
官方網站
SlideViewer 是一個輕量的(1.5Kb) jQuery 插件,它可以讓你隨時通過編寫幾行 HTML 代碼來創建一個圖片畫廊.
12. Start/Stop Slider
官方網站 演示
13. 一個簡約的 jQuery 插件
官方網站 演示
WebDesignBooth 的一個教程,介紹如何使用強大的 jQuery 庫創建簡單的內容幻燈效果。
14. BarackSlideshow
官方網站 演示
一個灰常小巧和輕量的幻燈腳本,靈感來自于美國總統 Baracka Obama 網站的一個幻燈效果。該腳本獲取 MorphList 的能力,并增強圖片的可視化和導航。
15. 使用 JQuery s3Slider 的 wordpress 模板
官方網站 演示
在 WP 中使用 JQuery s3Slider 插件來創建幻燈內容。
其實,jQuery 的幻燈插件并不只這些,還有 CodaSlider、JQuery Cycle Plugin 等,當然有些只只能用在圖片的,而大部分是可用于內容的。