Slider sliding back to the first image
<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>
