特性
优秀的性能,更少的内存占用;
提供丰富的动画切换效果,自带的效果包括 default, rotate, depth, flow, flip, card, fade 等,并且可以进行无限的扩展;
提供丰富的回调触发器,并且添加回调函数极为方便,无论在初始化还是运行过程中;
支持滑动衰减效果,循环效果,自动滑动效果,水平/垂直滑动等众多参数,且功能皆可配置;
自动适配桌面鼠标动作与移动端手势,方便测试与跨平台使用;
支持图片预加载,优秀的用户体验;
[插件] 提供多种插件,如切换按钮、场景指示器、图片缩放等,提供插件注册、管理等方法方便自定义扩展;
[2.0+] 可以按需加载需要的功能(效果 或 插件);
[2.0+] 支持更多种类的元素置入,自动匹配数据类型,识别图片并进行预加载;
[2.0+] 更完善的代理事件管理机制,优化内存占用;
[2.0+] 更加丰富的回调事件,更灵活的事件管理、触发机制;
iSlider 结构说明
iSlider.js
iSlider核心代码库,定义iSlider类,绑定touch事件,图片预加载逻辑,以及图片翻页逻辑
iSlider.animate.js
islider滑动效果库,目前支持flip、depth、flow等翻页效果。
iSlider.plugin.dot.js
场景指示器,当前所处的位置及切换到某一场景功能。
iSlider.plugin.button.js
场景切换按钮,用于切换到前(上)或后(下)一场景。
iSlider.plugin.zoompic.js
移动端图片缩放,在图片的非背景模式中,通过对图片双击或双指放大,达到放大预览的效果。
iSlider.plugin.BIZone.js
触控点边缘脱离识别区,虽然已经加入了mouseout和touchcancel的边缘处理,但是对于某些应用里,自定义的顶部(底部)菜单栏依然无能为力。识别区的意义在于可以主动的设置这些区域达到触摸脱离的效果。