flexslider 2活動thumbails

Question

我想創建一個滑塊的縮略圖，在滑塊中一次顯示2個圖像。 我得到了一切工作，謝謝minItems:2

問題出現在縮略圖導航。 單擊第二個縮略圖時，滑塊將移動，並在滑塊上顯示第三個圖像，儘管第二個圖像已被顯示。

有沒有辦法創建2個活動的縮略圖，並使它們與滑塊中顯示的圖像同步？

唯一的其他類似的滑塊，我發現它使用這是他們的產品頁面nastygal。 希望他們是一種方式，因爲現在的方式並不真正用戶友好。 謝謝！

我用這一個woocommerce店：

productSlider: { 
     selector: '#product-nav', 
     init: function() { 
      var base = this, 
        container = $(base.selector), 
        images = $('#product-images'), 
        zoom = images.data('zoom'); 

      container.flexslider({ 
       animation: "slide", 
       controlNav: false, 
       directionNav: false, 
       animationLoop: false, 
       slideshow: false, 
       itemWidth: 106, 
       itemMargin: 10, 
       asNavFor: '#product-images' 
      }); 

      images.flexslider({ 
       animation: "slide", 
       controlNav: false, 
       directionNav: true, 
       animationLoop: false, 
       slideshow: false, 
       minItems: 2, 
       maxItems: 2, 
       prevText: '<i class="fa fa-angle-left"></i>', 
       nextText: '<i class="fa fa-angle-right"></i>', 
       sync: "#product-nav", 
       start: function(slider) { 
        if (zoom) { 
         $(slider.slides[0]).easyZoom({ 
          preventClicks: false 
         }); 
        } 
       }, 
       before: function(slider) { 
        if (zoom) { 
         $(slider.slides[slider.animatingTo]).easyZoom({ 
          preventClicks: false 
         }); 
        } 
       } 
      }); 
     } 
    }, 

Answer 1

我不知道凸顯了多個縮略圖，但我知道，這個滑塊始建於許多其他功能的處理多張圖片：

http://www.owlcarousel.owlgraphic.com/index.html