10個Jquery幻燈片插件教程

當有大量的内容或者圖檔需要在你的網站或者BLOG上展示的時候，以幻燈片滑動的方式是一個不錯的選擇，這種效果常用于公司網站或者個人BLOG。常聽有人說jquery 比較難學，隻要你感興趣，實作幻燈片效果還是蠻有樂趣的，下面的Jquery 幻燈片教程将引領你進入Jquery插件開發的喜悅中，希望對大家有幫助。

在所有的Jquery幻燈片插件中，Jquery easy sildes算是最容易使用的一個。

非常酷的具有3D效果的jquery 插件，有詳細的制作方法，有興趣的朋友可以研究一下它的源代碼。不用Flash也可以實作那麼炫耀的效果，沒有想到吧。

這篇教程詳細地介紹了如何開發一個漂亮的jquery圖檔幻燈片效果，包括圖檔名稱和簡短描述

使用Mootools建立幻燈片效果已經非常常見和效果也非常棒，主要分為四步：

第一步，布置幻燈片放映的布局；

第二步，給幻燈片添加事件控制；

第三步，給幻燈片一個統一的樣式類；

第四步，添加圖檔縮略圖和标題。

使用CSS Sprints建立的百葉窗效果

此教程展示了如何是用MooTools建立簡單的幻燈片效果，也展示了如何預加載圖檔，進而使幻燈片效果看起來更高雅和避免頁面加載時圖檔混亂。

一個切換背景圖檔的幻燈片效果

使用Jquery和CSS3建立的Colorful Silders

非常獨特的幻燈片效果，國内很多網站有使用這種效果，特别是視訊網站，很絢麗的。

當圖檔很多的時候，使用此插件會達到比較好的使用者體驗，一些門戶網站有使用此種效果的。

本文轉自 靈動生活 51CTO部落格，原文連結：http://blog.51cto.com/smartlife/454914，如需轉載請自行聯系原作者