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

A simple, configurable, automatic gallery slideshow plugin written in jQuery and plain HTML/CSS.

Carousel

Documentation

CSS + jQuery Gallery

CSS + jQuery Gallery Slideshow plugin

See Demo at CodePen

Implementation

Add within <head>...</head> tag:

<link href="jquery-gallery.css" type="text/css" rel="stylesheet"/>

Add just before </body> tag:

<script src="https://code.jquery.com/jquery-1.10.2.js"></script><br/> <script src="jquery-gallery.js" type="text/javascript"></script>

Add within initiation code:

$('.gallery-slideshow').slideshow();

Note that you can configure the interval time, width and height of the slideshow:

$('.gallery-slideshow').slideshow({   interval: 2000,   width: 600,   height: 400 });

You May Also Like