/jquery-swiper

A tiny swiper.

Primary LanguageJavaScriptMIT LicenseMIT

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

// 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, Released under the MIT License.
Authored and maintained by ulivz with help from contributors (list).

github.com/ulivz · GitHub @ulivz