Creative jQuery Slider Image Thumbnail Plugin – H-Smart-Thumbnail

Slider/Carousel
File Size: 293.41 KB
Views Total: 1240 views
Last Update:July 22, 2020
Publish Date: January 24, 2020
Official Website: Go to website
License: MIT
Plugin Author:
Demo    Download

A Free jQuery Plugin with H-Smart-Thumbnail is an innovative slider jQuery picture Thumbnail module that empowers the client to review enormous pictures in a tooltip-style merry go round popup when you click the thumbnail picture. A tooltip-style merry go round popup when you click the thumbnail picture.

How to use it:

Add the H-Smart-Thumbnail’s JavaScript and CSS files in the HTML document.

<link rel="stylesheet" href="/path/to/css/h-smart-thumbnail.min.css" />
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/js/h-smart-thumbnail.min.js"></script>

Insert a list of images into the page.

<div class="example">
  <ul>
    <li>
      <img src="1.jpg">
    </li>
    <li>
      <img src="2.jpg">
    </li>
    <li>
      <img src="3.jpg">
    </li>
    <li>
      <img src="4.jpg">
    </li>
    <li>
      <img src="5.jpg">
    </li>
  </ul>
</div>

Add Script with hSmartThumbnail to the top container.

$(function(){
  $('.example').hSmartThumbnail();
});

Done

Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :

Nola Arney

Nola Arney is a full stack web developer who has Author at jQuerypost. Her ambition for development is only matched by his desire to find the perfect meme for every occasion.

Related jQuery Plugins

You Might Also Like