Most rotators you find focus on rotating images and stop at that. This nice piece of jQuery gives you both a headline, sub-headline and even some scrollable text!
Very nice.
Content Rotator with jQuery comes in two different flavors, with or without auto-play:
Content Rotator with jQuery
For the HTML structure we will have a main container, the content wrapper and the container for the thumbs. Each cr-content-container needs an ID assigned which we will reference in each thumb with data-content:
[cc lang=”html”]
The slide title
Some sub-title
read more →
Some text here…
…
The slide title
Another slide title
…
[/cc]
Here are your default options:
[cc lang=”html”]$(‘#cr-container’).crotator({
// slideshow on
autoplay : false,
// slideshow interval
slideshow_interval : 3000,
// if true the thumbs will be shown initially
openThumbs : true,
// speed that the thumbs are shown / hidden
toggleThumbsSpeed : 300
});[/cc]
Give the demos a look and snag the download from the Codrops website.
Dustin W. Stout says
Definitely going to check this out! How will it do in standard theme?
Eric Dye says
I dunno. Give it a try? This is the beauty of a local test server. Do you run one?
Dustin W. Stout says
No I don’t. In fact, wouldn’t know where to begin. :/
Eric Dye says
Hmm … well … we will see, then … 😉