使用超棒超简单的自定义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="http://jquery.malsup.com/cycle2/images/p1.jpg">
    <img src="http://jquery.malsup.com/cycle2/images/p2.jpg">
    <img src="http://jquery.malsup.com/cycle2/images/p3.jpg">
    <img src="http://jquery.malsup.com/cycle2/images/p4.jpg">
</div>

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

 

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