Gallery with animated thumbnails
lightGallery lets you to create animated thumbnails for your gallery with the help of thumbnail plugin. It supports touch swipe navigation on touchscreen devices and mouse drag for desktops. it allows user to navigate between thumbnails via swipe of their fingers or mouse drag.
Plugin dependency
Lightgallery require the thumbnail plugin to be included in your document.
HTML structure
<div id="aniimated-thumbnials">
<a href="img/img1.jpg">
<img src="img/thumb1.jpg" />
</a>
<a href="img/img2.jpg">
<img src="img/thumb2.jpg" />
</a>
...
</div>
Javascript
$('#aniimated-thumbnials').lightGallery({
thumbnail:true
});