jquery based slideshow/transitions for HTML content

Question

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).

Answer 1

How about:

• jQuery Cycle Plugin
• jQuery Flip Plugin

You can even modify/customize these plugins to create the kind of effect you want.

Answer 2

link text is pretty cool. They show an example from a payroll company in their demos that even degraded nicely without Javascript.

Answer 3

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

HTML

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

JS / jQuery

$(function(){
    $('.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; }