Flex Slider，同步時跳過第二個縮略圖

我正在使用2個FlexSlider2的同步，所以一個用作主滑塊的縮略圖輪播導航。我在主幻燈片放映中將幻燈片設置爲true，並將同步爲導航的滑塊上的幻燈片設置爲false。除了FlexSldier2不會將活動類添加到thumbnav中的第二張幻燈片以外，其他所有內容都可以順利運行，但它只是向右跳動。大的主圖像轉換很好。我搜索了所有的voer，這是唯一相關的，但是也沒有答案：https://github.com/woothemes/FlexSlider/issues/331。Flex Slider，同步時跳過第二個縮略圖

下面是我的代碼，JS和HTML。請讓我知道是否有其他人曾經經歷過這種情況，因爲我處於虧損狀態。

<script> 
$(window).load(function() { 
    // The slider being synced must be initialized first 
    $('#thumbslide').flexslider({ 
    animation: "slide", 
    controlNav: false, 
    directionNav: true, 
    animationLoop: true, 
    slideshow: false, 
    itemWidth: 250, 
    itemMargin: 15, 
    asNavFor: '#mainslide', 

    }); 

    $('#mainslide').flexslider({ 
    animation: "fade", 
    controlNav: false, 
    directionNav: true, 
    animationLoop: true, 
    slideshow: true, 
    initDelay: 50, 
    slideshowSpeed: 6000,   //Integer: Set the speed of the slideshow cycling, in milliseconds 
    animationSpeed: 600, 
    sync: "#thumbslide" 
    }); 
});

<div class="slidewrap"> 
<div id="mainslide" class="flexslider"> 
    <ul class="slides"> 
     <li> <a href="/The-Primo-Story"> <img src="/images/slide1.png" /> </a> </li> 
     <li> <a href="/rewards-cards"> <img src="/images/slide2.png" /> </a> </li> 
     <li> <a href="/trays"> <img src="/images/slide3.png" /> </a> </li> 
     <li> <a href="/Franchise"> <img src="/images/slide4.png" /> </a> </li> 
     <li> <a href="#form_3"> <img src="/images/slide5.png" /> </a> </li> 
     <li> <a href="/Locations-New"> <img src="/images/slide6.png" /> </a> </li> 
    </ul> 
</div> 
<div id="thumbslide" class="flexslider"> 
    <ul class="slides"> 
     <li> <img src="/images/thumb1.jpg" /> <img src="/images/red.png" class="redpic" /> </li> 
     <li> <img src="/images/thumb2.jpg" /> <img src="/images/red.png" class="redpic" /> </li> 
     <li> <img src="/images/thumb3.jpg" /> <img src="/images/red.png" class="redpic" /> </li> 
     <li> <img src="/images/thumb4.jpg" /> <img src="/images/red.png" class="redpic" /> </li> 
     <li> <img src="/images/thumb5.jpg" /> <img src="/images/red.png" class="redpic" /> </li> 
     <li class="last"> <img src="/images/thumb6.jpg" /> <img src="/images/red.png" class="redpic" /> </li> 
    </ul> 
</div>

來源

2013-03-20 Chris Tsaum

得到同樣的問題！有沒有找到答案？ – 2014-09-10 19:45:57