title: Slider sliding back to the first image
body: <p>I am using jQuery to slide through some images.</p>
  
  <p>The slide animation is achieved using:</p>
  
  <pre><code>$('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition)});
  </code></pre>
  
  <p>This works fine, however when I reach the final image, and it loops back to the start, this animation will quickly slide through all of the previous elements to display the first (obviously because I am suddenly reducing the left margin).</p>
  
  <p>What code would I need to write in order to allow the transition from last image back to first image to continue being a LEFT slide animation, displaying only the transition from last slide to first (without showing all other slides).</p>
  
  <p>To make things a little more complex, I have left/right buttons allowing the user to move forward/backwards through the slider. These work fine, but it does mean that the solution cannot break these buttons.</p>
  
  <p>Thank you.</p>