GithubHelp home page GithubHelp logo

swipeslide's Introduction

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

所有更新日志

缺点

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

swipeslide's People

Contributors

ximan avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.