弹性滑块 2 活动缩略图

我正在尝试创建一个带有缩略图的滑块，该滑块一次在滑块中显示 2 张图像。多亏了minItems:2，我让一切正常

问题出在缩略图导航上。当您单击第二个缩略图时，滑块将移动，并在滑块上显示第三个图像，尽管第二个图像已经显示。

有没有办法创建 2 个活动缩略图并使它们与滑块中显示的图像同步？

我发现的唯一另一个使用它的类似滑块在他们的产品页面中令人讨厌。希望有一种方法，因为不像现在这样真正用户友好。谢谢！

我正在一家伍尔商店使用它：

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
                        });
                    }
                }
            });
        }
    },