slider - Flexslider - Carousel images aren't scrolling like expected -
i have website http://www.raggeddaisy.com have implemented flexslider utility. on default page, slider images scrolling correctly, however, carousel images underneath aren't scrolling in combination slider image. slider image scrolls correctly, carousel seems jump 4 images @ time though doesn't highlight 1 of images in carousel visable.
this same piece of code (minus actual images) duplicated on http://www.raggeddaisy.com/magneticboards.csthml page , slider images work perfectly.
can me figure out why behaving differently on 2 pages?
<script type="text/javascript"> $(function(){ syntaxhighlighter.all(); }); $(window).load(function(){ $('#carousel').flexslider({ animation: "slide", controlnav: false, animationloop: true, slideshow: true, itemwidth: 100, itemmargin: 0, asnavfor: '#slider' }); $('#slider').flexslider({ animation: "slide", controlnav: false, animationloop: true, slideshow: true, sync: "#carousel", start: function(slider){ $('body').removeclass('loading'); } }); });
thanks in advance.
try add move attribute (number of slides slider should move) carousel, this.
$('#carousel').flexslider({ animation: "slide", controlnav: false, animationloop: true, slideshow: true, itemwidth: 100, itemmargin: 0, asnavfor: '#slider', move: 1 // added });
Comments
Post a Comment