JQuery Quote Rotator Plugin.
February 7th, 2010
Here’s a jQuery plugin that rotates through list items with a nice fade effect. You may nest any type of element you like inside a given list item.
Here’s an example using blockquotes and citations:
-
Lorem ipsum dolor sit amet elit!
— Alabama
-
Excepteur sint occaecat cupidatat non proident!
— Georgia
-
Duis aute irure dolor in reprehenderit?
— Illinois
-
Excepteur sint mollit anim id est laborum.
— West Virginia
How to make it work.
Drop these scripts in your header:
Call the function to any list element:
$(document).ready(function() {
$('ul#quotes').quote_rotator();
});
And some configuration options:
$('ul#quotes').quote_rotator({
rotation_speed: 7000, // defaults to 5000
pause_on_hover: false // defaults to true
});
I’ve also built in a default to pause rotation on mouse hover. This is nice if you’re rotating through links or other elements that you might not want fading away from the user.
This doesn’t seem to work properly on ie7, any idea why?
Reply
April 27th, 2010
AK@AK
Download the most recent version. There was an errant comma throwing errors in IE. I fixed it about a month ago. So I’m guessing you have an outdated version. The newest version definitely works in IE7. I just double checked it.
If that doesn’t help. Send me a more detailed explanation of your problem and I’ll see what I can do
Reply
April 27th, 2010
Cory Schires@Corey
You’re absolutely right, working great now. Thank you!
Reply
April 27th, 2010
ak@Corey,
Thanks, works great.
Just one minor issue, In IE8 it seems that the font changes from the style I assigned to it to an unaliased type. It doesn’t do this in Chrome, Safari or Firefox. You can see this at RossAviation.com home page under What others are saying.
Thanks Again.
Reply
June 14th, 2010
Ruben