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

Slider/Carousel
Demo    Download
jQuery H-Smart-Thumbnail Carousel
File Size: 293.41 KB
Views Total: 294 views
Last Update:November 29, 2020
Publish Date: October 25, 2020
Official Website: Go to website
License: MIT

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:

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

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

3. Add Script with hSmartThumbnail to the top container.

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

Done


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