javascript - flexslider 2 active thumbails -
i trying create slider thumbnails displays 2 images @ time in slider. got working minitems:2
the problem come thumbnail navigation. when click on second thumbnail, slider move, , display 3rd image on slider, although second image being displayed.
is there way create 2 active thumbnails , make them sync images being shown in slider?
the other similar slider found uses nastygal in product page. hope way, because not user friendly way now. thanks!
i using on woocommerce store:
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 }); } } }); } },
i'm not sure highlighting multiple thumbnails, know slider built handle multiple images among many other features:
Comments
Post a Comment