jQuery炫酷轮播图插件previewSlider.js

previewSlider.js插件介绍

previewSlider是一款带预览效果的炫酷js轮播图插件。该轮播图在鼠标悬停到前后导航按钮上时，会出现展示缩略图按钮，点击后可以展示所有图片。点击任意缩略图则可以将其放大到全屏进行展示。

previewSlider.js插件使用方法

• 首先是在页面中引入preview-slider.min.css和preview-slider.min.js文件。

<link rel="stylesheet" href="css/preview-slider.min.css">
<script src="js/preview-slider.min.js"></script>

• 在HTML中有基本的结构

<div class="preview-slider">
    <div class="slider-wrapper">
        <img class="slider-item" src="img/img1.jpg" alt=""></div>
        <img class="slider-item" src="img/img2.jpg" alt=""></div>
        <img class="slider-item" src="img/img3.jpg" alt=""><