https://github.com/ulivz/jquery-swiper
A tiny swiper.
https://github.com/ulivz/jquery-swiper
Last synced: 5 days ago
JSON representation
A tiny swiper.
- Host: GitHub
- URL: https://github.com/ulivz/jquery-swiper
- Owner: ulivz
- License: mit
- Created: 2018-03-29T02:51:55.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-05-28T21:19:44.000Z (over 7 years ago)
- Last Synced: 2025-01-17T20:02:36.532Z (9 months ago)
- Language: JavaScript
- Homepage: http://www.v2js.com/jquery-swiper
- Size: 19.4 MB
- Stars: 4
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# JQuery Swiper
> A fully responsive jquery swiper whose core is only ≈ 150 SLOC.
# Features
- Responsive.
- Fast with using CSS3 (GPU acceleration).
- At mobile, **_swipe_** to swtich.
- At desktop side, **_drag_** to move (Support **_inertial movement_**).
- Support **_Rebound_** and **_Smoothing Scroll_**.
- All view can call API to switch view.
Check out the online demo: http://www.v2js.com/jquery-swiper
# Usage
```js
// Initialize
const slick = tinySlick($track, {
breakpoint: 0.2, // % to the screen's width, use to determine whether to switch silde.
rebound: 200 // maxiunm px value of rebound. set 0 to disable rebound.
})
// Event
$track.on('event-type-change', (e, eventType) => {
// eventType would be 'click' or 'mouse'(drag or touchmove).
})
$track.on('pos-status-change', (e, posStatus) => {
// posStatus would be 'START', 'MIDDLE' or 'END'.
})
// Move slide
slick.slideTo('PREV') // To previos slide
slick.slideTo('NEXT') // To next slide
slick.slideTo(100) // To specified position (px)
```
## Author
**jquery-swiper** © [ulivz](https://github.com/ULIVZ), Released under the [MIT](./LICENSE) License.
Authored and maintained by ulivz with help from contributors ([list](https://github.com/ULIVZ/jquery-swiper/contributors)).
> [github.com/ulivz](https://github.com/ulivz) · GitHub [@ulivz](https://github.com/ULIVZ)