Support

Account

Home Forums Front-end Issues Flexslider not syncing with dynamic items Reply To: Flexslider not syncing with dynamic items

  • Hi James,
    The static code I provided is the code that actually works as I hand coded it and is not the generated code, but the static code works as I expect however when I initiate the foreach loop it as mentioned it jumps to the wrong slide.

    Thank you for providing your code however that broke the gallery, flexslider can be initiated multiple times as shown here: http://flexslider.woothemes.com/thumbnail-slider.html and by using:

    $('#gallerycarousel').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: false,
                slideshow: false,
                directionNav: true,
                itemWidth: 300,
                itemMargin: 10,
                animationLoop: true,
                asNavFor: '#galleryslider'
            });
    
            $('#galleryslider').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: false,
                slideshow: false,
                directionNav: true,
                sync: "#gallerycarousel"
            });