使用超棒超简单的自定义jQuery幻灯插件-Cycle2

在线演示

Cycle2是一个超棒的jQuery幻灯插件，提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能。支持声明式的初始样式配置，并且无须脚本可以完全支持自定义。你只需要简单的包含插件脚本，定义你的HTML内容，然后Cycle2可以帮助你完成其它所有的功能。

如果你是一个不喜欢编程实现幻灯的开发人员的话，Cycle2是一个相当不错的选择。

主要特性

1.支持所有浏览器

2.声明式的配置：无须脚本

3.支持响应式：完全通过CSS来控制你的幻灯

4.自定义：每一个幻灯都可以自定义

5.智能：支持图片加载和延缓式的初始化

6.更多智能：支持主动的图片加载

7.内建了分页，主题，悬浮层和前进后退的控制

8.支持移动设备上的触摸式的动作

9.支持淡入淡出，滚动，叠放和轮播等特效过渡

10.可添加书签

11.文档非常完整，包含了很多的在线演示和说明

12.更多..

如何使用

使用非常简单，包含相关的脚本：

<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="http://upload.chinaz.com/2012/0926/1348638827267.jpg">
    <img src="http://upload.chinaz.com/2012/0926/1348638827774.jpg">
    <img src="http://upload.chinaz.com/2012/0926/1348638827770.jpg">
    <img src="http://upload.chinaz.com/2012/0926/1348638827141.jpg">
</div>

cycle-slideshow是一个特殊的类，你指定之后，会自动生成幻灯。

兼容性：所有主浏览器

网站来源：http://jquery.malsup.com/cycle2/

在线演示：http://jquery.malsup.com/cycle2/demo/

来源：使用超棒超简单的自定义jQuery幻灯插件 Cycle2