https://github.com/ximan/swipeSlide

移动端轮播图（基于Zepto/jQuery）
https://github.com/ximan/swipeSlide

Last synced: 2 months ago
JSON representation

移动端轮播图（基于Zepto/jQuery）

• Host: GitHub
• URL: https://github.com/ximan/swipeSlide
• Owner: ximan
• Created: 2014-09-05T14:14:38.000Z (over 10 years ago)
• Default Branch: gh-pages
• Last Pushed: 2016-09-09T03:06:45.000Z (over 8 years ago)
• Last Synced: 2024-11-16T06:15:40.117Z (2 months ago)
• Language: HTML
• Homepage:
• Size: 146 KB
• Stars: 303
• Watchers: 25
• Forks: 126
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: Changelog.md

Awesome Lists containing this project

• awesome-star-libs - ximan / swipeSlide

README

        
# swipeSlide for Zepto/jQuery Plugin

## 简介

移动端（基于Zepto/jQuery）的轮播插件：

## 示例

![扫一扫](website.png)

[普通轮播DEMO链接](http://ximan.github.io/swipeSlide/index.html)

![扫一扫](website-pic.png)

[全屏大图DEMO链接](http://ximan.github.io/swipeSlide/full-screen-pic.html)

![扫一扫](website-text.png)

[全屏文字DEMO链接](http://ximan.github.io/swipeSlide/full-screen-text.html)

![扫一扫](website-switch.png)

[快速切换DEMO链接](http://ximan.github.io/swipeSlide/index-switch.html)

![扫一扫](website-comment.png)

[点小图出大图DEMO链接](http://ximan.github.io/swipeSlide/comment-thumbnails.html)

## 依赖

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代码](index-switch.html)

## 最新版本

### 3.4.4(160909)

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

[所有更新日志](Changelog.md)

## 缺点

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