Jquery Flexslider-使用';asnavfor';-如何使导航转盘从第二张幻灯片开始,跳过第一张幻灯片

Jquery Flexslider-使用';asnavfor';-如何使导航转盘从第二张幻灯片开始,跳过第一张幻灯片,jquery,flexslider,Jquery,Flexslider,我需要将“#旋转木马”中的第一个项目与“#滑块”中的第二个项目链接起来。已解决,可能是一个有点脏的解决方案,但它可以工作-以下是如何工作的 在#转盘ul中添加空li,并为其指定“隐藏”类,如下所示: jQuery('#carousel').flexslider({ animation: "slide", controlNav: false, animationLoop: false, slideshow: false,

我需要将“#旋转木马”中的第一个项目与“#滑块”中的第二个项目链接起来。

已解决,可能是一个有点脏的解决方案,但它可以工作-以下是如何工作的

在#转盘ul中添加空li,并为其指定“隐藏”类,如下所示:

     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
     });
这样,第一个缩略图将始终隐藏,滑块导航将从第二张幻灯片开始

<ul class="slides">
   <li class="hidden"></li>
   <li>slide-hidden+1</li>
   <li>slide-hidden+2</li>
  <li>slide-hidden+n</li>
</ul>
 li.hidden, li.hidden.flex-active-slide {
    display:none !important; 
    width:0px !important;
 }