Slideshow / jquery-based transitions for HTML content


Searching for rotators based on JQuery only finds the original rotator plugin and a bunch of photo galleries, which I don't want. Please suggest other rotators available. The rotator should be able to rotate HTML not just images (like the Glimmer tool, which can create JQuery/HTML code for rotating images).

Why use plug-in's? use this one liner (i just separated it into 3 lines for the sake of readability)

see demo

Your HTML should be something like this


<div class="yourContainer">
 <div>some html</div>
 <div>other html</div>

JS / jQuery

    $('.yourContainer div:gt(0)').hide();
    setInterval(function(){$('.yourContainer :first-child').fadeOut().next().fadeIn().end().appendTo('.yourContainer');}, 3000);

CSS (optional = makes transition smoother)

.yourContainer{ position:relative;}
.yourContainer div{ position:absolute; hight:300px; width:300px; background:red; }