返回介绍

概要

发布于 2020-04-24 22:28:21 字数 1658 浏览 1203 评论 0 收藏 0

介绍

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文