使用超棒超简单的自定义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