title: Multiple Sliders With Sequence.js and pagination
body: <p>I have several sliders that each have a different number of slides. Each slider has no next/previous buttons but is instead controlled by pagination. Whenever a slider's pagination is clicked every slider's image advances to the corresponding pagination. So if the 2nd pagination button is clicked every slider goes to the 2nd image instead of just the current slider. I tried the following solution: <a href="http://bit.ly/1b1bvsC" rel="nofollow noreferrer">http://bit.ly/1b1bvsC</a> but this is only relevant for the next/previous buttons and doesn't work with pagination.</p>
  
  <p>Here's my current js:</p>
  
  <pre><code>$(document).ready(function(){
  var options = {
      nextButton: false,
      prevButton: false,
      pagination: true,
      animateStartingFrameIn: false,
      autoPlay: false,
      autoPlayDelay: 3000,
      preloader: true,
      startingFrameID: 1,
      preloadTheseFrames: [1],
  }
  
  var options2 = {
      nextButton: false,
      prevButton: false,
      pagination: true,
      animateStartingFrameIn: false,
      autoPlay: false,
      autoPlayDelay: 3000,
      preloader: true,
      startingFrameID: 2,
      preloadTheseFrames: [1],
  }
  
  var sequence = $("#essence-sequence").sequence(options).data("sequence");
  var sequence2 = $("#macropro-sequence").sequence(options2).data("sequence");
  
  });
  </code></pre>
  
  <p>And here's a picture in case there's any confusion as to what I'm talking about:
  <img src="https://i.stack.imgur.com/WfWSW.png" alt="pagination slider"></p>
  
  <p>So when the small circles at the bottom are clicked the big red image above will slide over to the corresponding "product image" without affecting any other sliders on the page. (Sorry for the nasty redness but I have to keep this on the DL for now)</p>