Flexslider - 使用'asnavfor' - 如何从第二张幻灯片开始制作导航轮播，跳过第一张幻灯片

Question

     jQuery('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        itemWidth: 150,
        itemMargin: 5,
        asNavFor: '#slider'
     });

     jQuery('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        sync: "#carousel",
        smoothHeight: true
     });

我需要将“#carousel”中的第1项与“#slider”中的第2项相关联。

Answer 1

解决了，可能是一个有点肮脏的解决方案，但它的工作原理 - 这就是

在#carousel ul中添加了空li，并为其指定了“隐藏”类，如下所示：

<ul class="slides">
   <li class="hidden"></li>
   <li>slide-hidden+1</li>
   <li>slide-hidden+2</li>
  <li>slide-hidden+n</li>
</ul>

用这个调整flexslider css代码：

 li.hidden, li.hidden.flex-active-slide {
    display:none !important; 
    width:0px !important;
 }

这样，第一个缩略图将始终隐藏，滑块导航将从第二张幻灯片开始。