The JavaScript Blog » Plugins http://thejavascriptblog.com Everything JavaScript Thu, 25 Feb 2010 23:05:35 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 The Quotator – The JSON Driven HTML Rotator http://thejavascriptblog.com/the-quotator-the-json-driven-html-rotator/ http://thejavascriptblog.com/the-quotator-the-json-driven-html-rotator/#comments Thu, 06 Aug 2009 21:17:14 +0000 Merrick Christensen http://thejavascriptblog.com/?p=12 Hopefully the plug-ins and classes I write are simple enough to figure out and manipulate. Its an extremely simple and customizable little testimonial rotator that also supports HTML. So yes your quotes can have links, logos or even avatars. It will support as many quotes or testimonials you may need. The options that can be set are speed (number), json (JSON file URL), and what quote you want to start from (number).

If you have any feature requests, questions, or issues please drop me a comment and I would love to help you out. Here are the details and usage for each of the particular frameworks.

jQuery

$('#container').quotator();

MooTools

var myQuotes = new Quotator('container');

The JSON

By default it looks for a file called quotes.js which is a simple JSON file that looks something like this:

{"quotes":
[{
"quote" : "Quote 1",
"author" : "Author 1"
},{
"quote" : "Quote 2",
"author" : "Author 2"
}]}

Demo and Download

You can see it in action here.
Download a zip for jQuery here.
Download a zip for MooTools here.

]]> http://thejavascriptblog.com/the-quotator-the-json-driven-html-rotator/feed/ 19