文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
概要
介绍
iSlider是一个表现出众,无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素,例如图片或者DOM元素。
特性
- 优秀的性能,更少的内存占用;
- 提供丰富的动画切换效果,自带的效果包括 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等翻页效果。 demo地址
iSlider.plugin.dot.js
场景指示器,当前所处的位置及切换到某一场景功能。 demo地址
iSlider.plugin.button.js
场景切换按钮,用于切换到前(上)或后(下)一场景。 demo地址
iSlider.plugin.zoompic.js
移动端图片缩放,在图片的非背景模式中,通过对图片双击或双指放大,达到放大预览的效果。 demo地址
iSlider.plugin.BIZone.js
触控点边缘脱离识别区,虽然已经加入了mouseout和touchcancel的边缘处理,但是对于某些应用里,自定义的顶部(底部)菜单栏依然无能为力。识别区的意义在于可以主动的设置这些区域达到触摸脱离的效果。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论