概要

优质

小牛编辑

118浏览

2023-12-01

iSlider是一个表现出众，无任何插件依赖的手机平台javascript滑动组件。它能够处理任何元素，例如图片或者DOM元素。

优秀的性能，更少的内存占用；
提供丰富的动画切换效果，自带的效果包括 default, rotate, depth, flow, flip, card, fade 等，并且可以进行无限的扩展；
提供丰富的回调触发器，并且添加回调函数极为方便，无论在初始化还是运行过程中；
支持滑动衰减效果，循环效果，自动滑动效果，水平/垂直滑动等众多参数，且功能皆可配置；
自动适配桌面鼠标动作与移动端手势，方便测试与跨平台使用；
支持图片预加载，优秀的用户体验；
[插件] 提供多种插件，如切换按钮、场景指示器、图片缩放等，提供插件注册、管理等方法方便自定义扩展；
[2.0+] 可以按需加载需要的功能（效果或插件）；
[2.0+] 支持更多种类的元素置入，自动匹配数据类型，识别图片并进行预加载；
[2.0+] 更完善的代理事件管理机制，优化内存占用；
[2.0+] 更加丰富的回调事件，更灵活的事件管理、触发机制；

iSlider核心代码库,定义iSlider类，绑定touch事件，图片预加载逻辑，以及图片翻页逻辑

islider滑动效果库，目前支持flip、depth、flow等翻页效果。 demo地址

场景指示器，当前所处的位置及切换到某一场景功能。 demo地址

场景切换按钮，用于切换到前（上）或后（下）一场景。 demo地址

移动端图片缩放，在图片的非背景模式中，通过对图片双击或双指放大，达到放大预览的效果。 demo地址

触控点边缘脱离识别区，虽然已经加入了mouseout和touchcancel的边缘处理，但是对于某些应用里，自定义的顶部（底部）菜单栏依然无能为力。识别区的意义在于可以主动的设置这些区域达到触摸脱离的效果。