Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

picUse/swipeSlide

Open more actions menu
 
 

Repository files navigation

swipeSlide for Zepto/jQuery Plugin

简介

移动端(基于Zepto/jQuery)的轮播插件:http://ons.me/500.html

示例

扫一扫 普通轮播DEMO链接

扫一扫 全屏大图DEMO链接

扫一扫 全屏文字DEMO链接

扫一扫 快速切换DEMO链接

扫一扫 点小图出大图DEMO链接

依赖

Zepto 或者 jQuery

使用方法

$('.element').swipeSlide({
    // 参数
});

参数列表

参数 说明 默认值 可填值
ul 父dom ul .element的子dom
li 子dom li ul的子dom
index 轮播初始值 0 数字
continuousScroll 连续滚动 false true和false
autoSwipe 自动切换 true true和false
speed 切换速度 4000 数字
axisX X轴滚动 true true和false
transitionType 过渡类型 ease linear/ease/ease-in/ease-out/ease-in-out/cubic-bezier
lazyLoad 图片懒加载 false true和false
firstCallback 页面加载回调 function(i,sum,me){}(i为索引值,sum为总和,me为自己)
callback 每次滚动回调 function(i,sum,me){}(参数同上)

API

暴露一些功能,可以让swipeSlide更灵活的使用

goTo(num) 指定轮播,详见DEMO4代码

最新版本

3.4.4(160909)

  • 修复自动切换但连不续滚动时,手动操作首屏向前滑动或者末屏向后滑动,不自动切换bug

所有更新日志

缺点

只能固定高度或者成比例宽度,无法自适应高度。

About

移动端轮播图(基于Zepto/jQuery)

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 67.1%
  • JavaScript 32.9%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.