Untitled

flexslider - controling div outside of slider

<article class="slider">

    <div class="flexslider-container">

      <div class="flexslider">

        <ul class="slides">

          <li><img class="main" src="/img/banner-boundries.jpg" /></li>

          <li><img class="main" src="/img/banner-makers.jpg" /></li>

          <li><img class="main" src="/img/banner-makers.jpg" /></li>

        </ul><!-- / slides ul -->

      </div><!-- / flexslider div -->

    </div><!-- / flexslider-container div -->

  </article><!-- / slider article -->

 

 <article class="slider_sub">

    <aside class="column ends">

      <p class="quote">“I was really excited to get my new CIRA X. The ability to manage which devices get priority over our 3G network has revolutionized our business.”</p>

 

      <hr>

      <h3>Guy Smiley</h3>

      <p class="footnote">Muppet Anchor Man, FBI Operative</p>

    </aside>

    <aside class="column ends center">

      <h2>What Do Makers Do?</h2>

      <p>Ever wish you had that Thing  that made your current devices do that one task you need?  We make that Thing.  The devices we create are based on solutions for our custmers, not just features.</p>

 

      <div class="moreinfo"><a href="">read more</a></div>

    </aside>

    <aside class="column ends">

      <h2>The CIRA X Story</h2>

      <img src="img/cira-x-story.png" border="0">

      <p>Read how client need drove the cration of this Feeney Wireless device.</p>

    </aside>  

    <div class="clear"></div>

  </article><!-- / featurette article -->

</section><!-- end call out section -->

       

<!-- Target both sliders with the same properties -->

<script type="text/javascript" charset="utf-8">

  $(window).load(function() {

    $('.flexslider').flexslider();

  });

</script>

 

//My hesitation on this is that it indicates properties are shared, I am assuming that would included shared event handlers.

       

<script type="text/javascript" charset="utf-8">

  $(window).load(function() {

    $('.flexslider').flexslider({

      animation: "slide",

      controlsContainer: ".flex-container",

      before: function(slider) {

        //Grab second slider and pass along action

        $('#secondSliderID').flexslider.before(slider);

      }

    });

  });

</script>