Jquery Transition
<p>I have put together an image scroller using jquery, like this</p>

<pre><code>function rotateImages(whichHolder, start) {
    var images = $('#' +whichHolder).find('img');
    if(images.length &lt; 1) return;

    start = start || 0; // Allow not to specify 0 when first calling
    if (start &gt;= images.length) start=0;

    images.css({display: 'none'});

    var thisImg = $('#' +whichHolder +' img').get(start);
    $(thisImg).css({display: 'block'});

    return start + 1;
}

var start = 1;

$(function(){

    window.setInterval(function() {

        start = rotateImages('rotator', start);

    }, 5000);   

});
</code></pre>

<p>the images just change from one to the next, what i would like to do is put a transition effect in there, similar to ones that NivoSlider uses. How would I go about this or where can I find the resources to see how it is done. I would like to make the transition a little more pleasing to the eye.</p>

<p>Any help appreciated.</p>
