Responsive Carousel Slideshow with jQuery

A jquery Slideshow Plugin for responsive carousels that work with mouse, touch, and keyboard. It comes with Fade transitions, Slide transition with touch or arrow keys, Flip transition with touch & autoplay, Dynamic responsive containers and more.

You might also like:

• Responsive and Touch-Enabled Carousel Plugin - RS Carousel
• Intuitive & Lightweight Carousel Plugin - Looper.js
• Highly Customizable Carousel For jQuery - rondell
• Lightweight Carousel Plugin For jQuery - Cycle.js
• Simple Carousel Slidershow Plugin with jQuery  - microfiche
• jQuery Waterwheel Carousel Plugin
• Automatic Infinite Carousel with jQuery

Installation:

# NPM
$ npm install responsive-carousel --save

Basic Usage:

1. Include jQuery Library and necessary files in your head section

<script src="jquery.js"></script>
<script src="dist/responsive-carousel.min.js"></script>
<link href="src/responsive-carousel.css" rel="stylesheet">

2. Markup

<div class="carousel">
    <div>
        <!-- carousel item content here -->
    </div>
    <div>
        <!-- carousel item content here -->
    </div>
</div>

Change logs:

v1.5.7 (2018-04-26)

• fix out transition position

v1.5.6 (2018-04-24)

• touchmove works better than dragmove in this scenario

v1.5.4 (2018-02-09)

• Bugfixed.

v1.5 (2017-12-22)

• Fixed inactive "fade" carousel slides can obscure interaction

v1.4 (2017-10-14)

• Fixed goto will not run if an animation is in play.

v1.3.1 (2017-09-08)

• style should be on next not prev

v1.2.0 (2017-08-30)

• use aftergoto event and find active slide differently. restores active pagination highlight

 

---

This awesome jQuery plugin is developed by filamentgroup. For more Advanced Usages, please check the demo page or visit the official website.