Image sliding right to cover text then revealing new text as it slides back
<p>I have an effect I want to achieve, but I'm having trouble thinking of exactly how I could achieve it. Here are some images that show the progression of the effect I want to achieve: <a href="http://imgur.com/a/In6IK" rel="nofollow">http://imgur.com/a/In6IK</a></p>

<p>So essentially, I have multiple slides containing text which I want to automatically display one by one. In order to hide the current slide and show the next one, I want an image (which sits to the left of the text) to slide to the right, covering/hiding the text as it goes, and then when it slides back to its original position, the text for the next slide is shown.</p>

<p>So how would I go about achieving this effect?</p>
