Need to fix the home page slider so it doesn't fly back through all slides at the end. Needs to be a seamless loop. But I don't know what I am doing wrong. Example: http://3dollar.vigorbranding.com/
<script type="text/javascript">
jQuery(window).load(function() {
jQuery('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: true,
itemWidth: 187,
itemMargin: 0,
asNavFor: '#slider'
});
jQuery('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: true,
<?php if (ot_get_option('autoslide') == 'yes') { ?>
slideshow: true, //Boolean: Animate slider automatically
slideshowSpeed: <?php echo ot_get_option('delay') ?>,
<?php } else { ?>
slideshow: false,
<?php } ?>
sync: "#carousel",
start: function(slider) {
jQuery('body').removeClass('loading');
}
});
});
</script>
set the animationLoop
to true
as opposed to false