在網站前端中使用jquery庫已經變得越來越流行，前端開發(fā)人員發(fā)布或撰寫的相關的插件和教程也與日俱增。

幻燈(通常也被稱為“內容滑動”、內容切換效果、焦點圖等)是在網站或博客的較小區(qū)域展示大量內容的很好的方法。動態(tài)的自動滑動內容在很多網站上都是很流行的。你是否也對在自己的網站上實現類似的效果感興趣？那就看一下本文列出的jquery插件吧！

1. jflow

官方網站 | 演示

一個漂亮而整潔的圖片幻燈，被nettut推薦，如果你想自己做一個圖片幻燈效果，就去看看吧。

2. 使用jquery ui實現推薦內容的幻燈展示

官方網站 演示

這是一個教你如何“使用一種很有沖擊力的方法展示你的網站/博客的最佳內容以吸引更多眼球”的很不錯的教程。該文章介紹展示推薦內容的技術中的一個是自動播放內容幻燈。

3. 創(chuàng)建漂亮的jquery幻燈教程

官方網站 | 演示

該教程介紹如何開發(fā)/創(chuàng)建漂亮的使用圖片描述和名稱的jquery幻燈。

4. 基于jquery的一個簡單的內容幻燈效果

官方網站 | 演示

brenelz的網站開發(fā)技巧的一個簡單的內容幻燈效果。

5. jc play list

官方網站 | 演示

免費而好用的使用flash組件創(chuàng)建的一個jquery幻燈插件，特別是對xml、rss2.0、picasa和flickr等多媒體列表等非常方便。

6. easy slider

官方網站 | 演示

一個jquery插件，允許圖片或任何內容在點擊的時候水平/垂直滑動。

7.jqgalscroll

官方網站

jquery gallery scroller (jqgalscroll)使用圖片列表，并創(chuàng)建一個光滑的可以垂直、水平或對角滾動的圖片相冊。該插件同樣能創(chuàng)建分頁，從而你就可以輕松的瀏覽你的照片了。

8. image gallery

官方網站

這個一點兒都不復雜——它是一個非常簡單的圖片畫廊/查看器。你可以像這樣調用圖片:

9.使用jquery ui 制作內容幻燈

官方網站 | 演示

dan wellman為nettuts寫的教程，很詳細。

10. 創(chuàng)建一個自動播放的推薦內容幻燈

官方網站 | 演示

來自css-tricks的chris coyier 寫的一篇教程。該腳本基于coda slider。它包含一些擴展的特性：

11. slideviewer

官方網站

slideviewer是一個輕量的(1.5kb)jquery插件，它可以讓你隨時通過編寫幾行html代碼來創(chuàng)建一個圖片畫廊.

12. start/stop slider

官方網站 | 演示

13. 一個簡約的jquery插件

官方網站 | 演示

webdesignbooth的一個教程，介紹如何使用強大的jquery庫創(chuàng)建簡單的內容幻燈效果。

14. barackslideshow

官方網站 | 演示

一個灰常小巧和輕量的幻燈腳本，靈感來自于美國總統(tǒng)baracka obama網站的一個幻燈效果。該腳本獲取morphlist的能力，并增強圖片的可視化和導航。

15. 使用jquery s3slider的wordpress模板

官方網站 | 演示

在wp中使用jquery s3slider插件來創(chuàng)建幻燈內容。

其實，jquery的幻燈插件并不只這些，還有codaslider、jquery cycle plugin等，當然有些只只能用在圖片的，而大部分是可用于內容的。