title: Flexslider infinite loop
body: <p>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: <a href="http://3dollar.vigorbranding.com/">http://3dollar.vigorbranding.com/</a></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      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,
  
              &lt;?php if (ot_get_option('autoslide') == 'yes') { ?&gt;
  
              slideshow: true,                //Boolean: Animate slider automatically
              slideshowSpeed: &lt;?php echo ot_get_option('delay') ?&gt;, 
  
              &lt;?php } else { ?&gt;
              slideshow: false,  
              &lt;?php }  ?&gt;
  
              sync: "#carousel",
              start: function(slider) {
                  jQuery('body').removeClass('loading');
              }
          });
  
      });
  &lt;/script&gt;
  </code></pre>