title: Flexslider JS - using 'asnavfor' and 'sync' on 3 sliders?
body: <p>I'm trying to achieve a gallery with 3 divs containing sliders (main image, thumbnail carousel and text information) which are synced. Using the 'as navfor' and 'sync' functions I can get all working except when an image thumbnnail is clicked the text info doesn't sync with JS as:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(window).load(function() {
          // The slider being synced must be initialized first
          $('#carousel').flexslider({
              animation: "slide",
              controlNav: false,
              animationLoop: true,
              slideshow: false,
              itemWidth: 233,
              itemMargin: 5,
              asNavFor: '#slider'
          });
  
          $('#info').flexslider({
              animation: "fade",
              controlNav: false,
              directionNav: false,
              animationLoop: true,
              slideshow: false,
              sync: "#carousel",
          });
  
          $('#slider').flexslider({
              animation: "slide",
              controlNav: false,
              animationLoop: true,
              slideshow: false,
              sync: "#info",
          });
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>So essentially I want to make #carousel 'asNavFor' both #slider and #info. If I add both individually then the the second supersedes the first. Comma seperated didn't work either. Minimal JS knowledge.
  Any help much appreciated...</p>