使用超棒超簡單的自定義jQuery幻燈插件 Cycle2

日期：2012-9-26  來源：GBin1.com

在線演示

Cycle2是一個超棒的jQuery幻燈插件，提供了非常好的功能來幫助大家更簡單的使用插件的幻燈功能。支持聲明式的初始樣式配置，并且無須腳本可以完全支持自定義。你只需要簡單的包含插件腳本，定義你的HTML內容，然后Cycle2可以幫助你完成其它所有的功能。

如果你是一個不喜歡編程實現幻燈的開發人員的話，Cycle2是一個相當不錯的選擇。

主要特性

• 支持所有瀏覽器
• 聲明式的配置：無須腳本
• 支持響應式：完全通過CSS來控制你的幻燈
• 自定義：每一個幻燈都可以自定義
• 智能：支持圖片加載和延緩式的初始化
• 更多智能：支持主動的圖片加載
• 內建了分頁，主題，懸浮層和前進后退的控制
• 支持移動設備上的觸摸式的動作
• 支持淡入淡出，滾動，疊放和輪播等特效過渡
• 可添加書簽
• 文檔非常完整，包含了很多的在線演示和說明
• 更多...

如何使用

使用非常簡單，包含相關的腳本：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.cycle2.js"></script> 

缺省的幻燈內容：

<div class="cycle-slideshow">
    <img src="https://simg.open-open.com/show/87a3bf2193525c538dd5384d4e18cf5a.jpg">
    <img src="https://simg.open-open.com/show/e764fe1245b095b419809d837fb3102f.jpg">
    <img src="https://simg.open-open.com/show/a13b5829dfd775e8a84b127214c12c2c.jpg">
    <img src="https://simg.open-open.com/show/0d91255c46508a0a7f7028c2922569ff.jpg">
</div>

cycle-slideshow是一個特殊的類，你指定之后，會自動生成幻燈。

來源：使用超棒超簡單的自定義jQuery幻燈插件 Cycle2