Slide a repeated background image
<p>I have a background image with a bunch of logos that I want to gradually slide left to simulate a stock ticker. I know there are plugins to slide multiple images, but this works best in my scenario.</p>

<p>How would I progressively add on the new class, as the following:</p>

<pre><code>&lt;div class="background-slider-start"&gt;&lt;/div&gt;

.background-slider-start {
    background: url('my-image.png') repeat-x 0 0;
}
.background-slider-end {
    background: url('my-image.png') repeat-x -5000px 0;
}

$('.background-slider-start).addClass('background-slider-end', 30000);
</code></pre>
