Responsive Carousel Slideshow with jQuery

Responsive Carousel Slideshow with jQuery
File Size: 623 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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.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.