Question

您好，我通常使用flexslider。现在我需要一个thumnail滑块。但缩略图应该是垂直的，它应该有箭头，而点击它时必须向上和向下滚动..这是否可能与弹性滑块？你能帮助我吗？

这是我的代码......

  <section class="gallery-details-wrap row-fluid">
   <div id="slider" class="gallery-details-slider flexslider">
      <ul class="slides">
         <li>
            <img alt="" src="images/gallery-details-slider-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-slider-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-slider-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-slider-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-slider-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-slider-1.jpg">
         </li>
         <!-- items mirrored twice, total of 12 -->
      </ul>
   </div>
   <div id="carousel" class="gallery-details-carousel flexslider">
      <ul class="slides">
         <li>
            <img alt="" src="images/gallery-details-thumb-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-thumb-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-thumb-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-thumb-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-thumb-1.jpg">
         </li>
         <li>
            <img alt="" src="images/gallery-details-thumb-1.jpg">
         </li>
         <!-- items mirrored twice, total of 12 -->
      </ul>
   </div>
</section>

我的剧本......

$（窗口）.load（函数（）{ $（＆＃39;名为.gallery-细节传送带＆＃39）。flexslider（{ 动画：＆＃34;幻灯片＆＃34;， controlNav：false， directionlNav：是的， animationLoop：false，幻灯片：错误， itemWidth：111， itemMargin：5， maxItems：5， asNavFor：＆＃39; .gallery-details-slider＆＃39;， }）;

$（＆＃39;名为.gallery-细节滑块＆＃39）。flexslider（{ 动画：＆＃34;幻灯片＆＃34;， controlNav：false， animationLoop：false，幻灯片：错误，同步：＆＃34; .gallery-details-carousel＆＃34;， start：function（slider）{ $（＆＃39;身体＆＃39;）。removeClass（＆＃39;装载＆＃39;）; } }）; }）;

我们可以使用flexslider制作垂直缩略图滑块吗？

0 个答案: