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:

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


Comments

Popular posts from this blog

ruby on rails - RuntimeError: Circular dependency detected while autoloading constant - ActiveAdmin.register Role -

c++ - OpenMP unpredictable overhead -

javascript - Wordpress slider, not displayed 100% width -