🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple, lightweight, responsive, performant, touch-enabled swiper plugin based on jQuery that supports both desktop and mobile.

Carousel Image-Slider swiper

Documentation

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


You May Also Like