/H-Smart-Thumbnail

H-Smart-Thumbnail is a creative slider jQuery image Thumbnail plugin that enables the user to preview large images in a tooltip-style carousel popup when you click the thumbnail image.

Primary LanguageCSSGNU General Public License v3.0GPL-3.0

H-Smart-Thumbnail

H-Smart-Thumbnail is a creative slider jQuery image Thumbnail plugin that enables the user to preview large images in a tooltip-style carousel popup when you click the thumbnail image.

Getting Started

Installation

in browser

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

Usage

Stack your images in ul like

<div class="h-smart-thumnail">
    <ul>
	   <li><img src="path/to/img"/></li>
	   <li><img src="path/to/img"/></li>
	   <li><img src="path/to/img"/></li>
	   <li><img src="path/to/img"/></li> 
	   ......
    </ul>
</div>

Call H-Smart-Thumbnail plugin

$('.h-smart-thumnail').hSmartThumbnail();

Demo

enter image description here