swipe的基础使用（二十三）

本次内容我们介绍用swiper实现缩略图的效果。

首先搭建起俩个swiper页面，注意俩个swiper页面的外部容器当中的类名。

<div class="swiper-container gallery-top">
            <div class="swiper-wrapper">
                <div class="swiper-slide">H5EDU 1</div>
                <div class="swiper-slide" style="background-image:url(img/4.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(img/5.jpg)"></div>
                <div class="swiper-slide" style="background-image:url(img/6.jpg)"></div>
            </div>
        </div>

这个swiper页面为展示出的图片，也就是没有缩放过的图片。

然后开始写缩略图的swiper页面，可以把这个缩略图页面当做底部导航来使用，只不过原来的圆点变成了图片。

<div class="swiper-c