Responsive Carousel Slideshow with jQuery

File Size: 625 KB
Views Total: 9277
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
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:

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.