slick-gallery

An Image-Gallary-Carousel based on Slick-Carousel

Requirements

Make shure to integrate jQuery, slick.js and slick.css

Installation

Inlcude slick-gallery.css and slick-gallery.js in your files.

<link rel="stylesheet" href="slick-gallery.css" />
<script src="slick-gallery.js" charset="utf-8"></script>

Usage

Wrap your (Thumbnail)-Image in a anchor-tag with an href to the original image source and give it the .slick-gallery class. You can build groups by using the data-set attribute. If no group is set, all images will be in the gallery.

<a href="original.jpg" data-set="1" class="slick-gallery">
    <img src="thumbnail.jpg" />
</a>
<a href="original-2.jpg" data-set="1" class="slick-gallery">
    <img src="thumbnail-2.jpg" />
</a>

Example

https://jannescb.github.io/slick-gallery/