CodeCanyon

SmartWave - jQuery Content Carousel Plugin

SmartWave - jQuery Content Carousel Plugin

Items rotation effect, swipe speed aware scroll and pixel perfect skins!

SmartWave is a smart content carousel plugin with a lot of great features! Along with smooth CSS3 transitions, retina-ready controls and support for wide range of browser, SmartWave can rotate items in perspective during scroll, accelerate when you swipe faster, resize by choosing best items size and number of visible items and finally, perform “lazy loading” of images, what dramatically reduces loading time on mobile devices!

Besides this SmartWave can recognize user interaction with individual carousel items on desktop and touch screen and provide uniform helper classes and callbacks to trigger animations or run some code independently of device being used

FEATURES

  • Fully responsive & Mobile optimized
  • Retina-ready
  • CSS3 on board with jQuery fallback
  • Interesting rotation effect
  • Configurable angle of rotation effect
  • Adjustable number of visible items and their size
  • Swipe speed aware scroll
  • “Snap” scroll mode (one-by-one or all visible)
  • Lazy loading for images to speed-up your site!
  • Unlimited carousel items with any content
  • Fixed or dynamic height for carousel items
  • Support for swipe, drag, mousewheel and keyboard controls
  • Uniform detection of user interaction with carousel items
  • Autoplay mode with circular progress indicator
  • API, callbacks and helper classes
  • Detailed documentation
  • jsHint compliant code
  • Valid HTML5 markup

Try plugin on your mobile!

QR

CHANGELOG

# version 1.0 (Apr 18, 2015) - plugin released! # version 1.1 (Apr 28, 2015) - major code optimization and speed improvements. Slow jQuery methods have been replaced with native JavaScript code that executes a lot faster! - it's now possible to stop carousel during scroll by mouse click or touch - improved touchswipe experience by tuning related parameters. Now swipe feels more natural! - added new helper classes "sw-no-css3" and "sw-auto-height" - added new option "swipeInertia" to control carousel inertia during swipe - fixed problem with jerking on carousel's edges while dragging # version 1.2 (Apr 30, 2015) - fixed small problem with scrolling back to 1st item using controls # version 1.3 (May 19, 2015) - added scrollbar control, which can be enabled with "scrollbar" option - progress indicator works now more softly - redesigned demo page! It now includes examples for "Fullwidth Slider", "Youtube Video Carousel", "Slider with Thumbnails" and "News Scroller" which all use SmartWave plugin and some extra code & styling

CREDITS & SOURCES

Photo in header of preview page is by 55Laney69 on Flickr


by
by
by
by
by
by