jquery rotator - how to only show first slide at pageload
<p>I'm putting together a simple jquery text rotator and can't figure out how to get only the first slide to show while the other ones load, other than setting a background on the first slide (which I don't want to do).</p>

<p>Here's the jquery:</p>

<pre><code>$(document).ready(function() {
    setupRotator();
});
function setupRotator() {
    if ($('.textItem').length &gt; 1) {
        $('.textItem:first').addClass('current').fadeIn(1000);
    setInterval('textRotate()', 8000);
}
function textRotate() {
    var current = $('#quotes &gt; .current');
    if (current.next().length == 0) {
        current.removeClass('current').fadeOut(1000);
        $('.textItem:first').addClass('current').fadeIn(1000);
    } else {
        current.removeClass('current').fadeOut(1000);
        current.next().addClass('current').fadeIn(1000);
    }
}
</code></pre>

<p>There should be a way to show the first slide while hiding the others until they've loaded, yes? Any ideas of what this script would look like? </p>

<p>Thanks for any help folks can offer. </p>
