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/