如何使swiper.js图片可点击？

Question

滑块用于：http://www.idangero.us/swiper/

什么，我尝试的现场演示：http://mhdtaki.com/lab/mobile/mobile.html

我已经实现刷卡画廊，设置只出现在通过mediaquery手机大小的屏幕。重点是在较小的视口上观看时，将桌面网格库替换为coverflow mobile版本。调整演示页面大小将显示封面流媒体库已成功显示，我想知道如何使图像可点击到外部链接，类似于大型网格如何响应点击。我尝试用元素包装各个div，但只打破了画廊。我尝试什么

<!--MOBILE GALLERY FOR VIEW --> 
    <section id="mobilegallery"> 
        <div class="swiper-container"> 
    <div class="swiper-wrapper"> 
     <div class="swiper-slide" style="background-image:url(images/imperialthumb.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/lezem.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/pups.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/kanafani.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/unvield.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/baz.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/rana.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/chairs.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/brosh.jpg)"></div> 
     <div class="swiper-slide" style="background-image:url(images/bros.jpg)"></div> 
    </div> 
    <!-- Add Pagination --> 
</div> 
    </section> 
      <!--END MOBILE GALLERY FOR VIEW --> 

例子：

<div class="swiper-wrapper"> 
      <a href="www.google.com"><div class="swiper-slide" style="background-image:url(images/imperialthumb.jpg)"></div></a> 
     </div> 

Answer 1

试试这个

<div class="swiper-wrapper"> 
    <a class="swiper-slide" style="background-image:url(images/imperialthumb.jpg)" href="www.google.com"></a> 
</div> 

也许你会需要添加

.swiper-slide { 
    display: inline-block; 
} 

或者

.swiper-slide { 
    display: block; 
}