title: Cycle2 Carousel active slide in center
body: <p>I am using Cycle2 with a carousel pager, in the same way as this demo: <a href="http://jquery.malsup.com/cycle2/demo/caro-pager.php" rel="nofollow noreferrer">http://jquery.malsup.com/cycle2/demo/caro-pager.php</a></p>
  
  <p>Currently the active slide in the demo is on the left unless you are on the last few slides. What I would like is:</p>
  
  <ol>
  <li>for the active slide to start on the left,  on slide 1</li>
  <li>then when slide 2 is clicked, the thumbnails don't move but the second thumbnail shows as active.</li>
  <li>When slide 3 is clicked, the thumbnails don't move but the third thumbnail (in the middle) becomes active).</li>
  <li>When slide 4 is clicked, all thumbnails move one to left and fourth thumbnail (now in the middle) is active.</li>
  <li>Same as above for slides 5, 6, 7.</li>
  <li>When slide 8 is clicked, thumbnails don't move but eighth thumbnail becomes active (now second from right)</li>
  <li>When slide 9 is clicked, thumbnails don't move but ninth thumbnail become active (the last thumbnail on right).</li>
  </ol>
  
  <p>See diagram:</p>
  
  <p><img src="https://i.stack.imgur.com/ZXOeb.jpg" alt="enter image description here"></p>
  
  <p>I have copied the demo to a jsfiddle here: <a href="http://jsfiddle.net/Qhp2g/1/" rel="nofollow noreferrer">http://jsfiddle.net/Qhp2g/1/</a> but would really appreciate some help as I'm not sure where to start(!) I have tried using <code>data-cycle-carousel-offset="40%"</code> on <code>#cycle-2</code> as this user tried with a similar problem to me <a href="https://stackoverflow.com/questions/20104385/cycle2-center-carousel-active-slide-below-main-slideshow">Cycle2: Center Carousel active slide below main slideshow</a> and this does not work because you can't access the last slides and there is space on the left at the beginning.</p>
  
  <p>I assume I may need to change the plugin carousel script - <a href="http://malsup.github.io/jquery.cycle2.carousel.js" rel="nofollow noreferrer">http://malsup.github.io/jquery.cycle2.carousel.js</a> - for my needs but really not sure where to start! Thank you so much for any help.</p>