jGlycy is a simple jQuery plugin. This plugin calls other any typical- interfaced-plugins automatically when document ready.
For instance, you can put “jg” attribute into your (x)html like below;
<div jg="cycle"> <img src="/your/path/to/img01.gif" /> <img src="/your/path/to/img02.gif" /> <img src="/your/path/to/img03.gif" /> </div>
jGlycy calls jQuery method like this;
$('div').cycle();
You (or your team’s designers) don’t have to write JavaScript? any more.
When document ready, jGlycy picks up elements which have “jg” attributes. Then the plugin confirms if your jQuery object has the method names the value of the attribute. In this example, jGlycy calls “cycle” method, if jQuery object has this method.
Furthermore, you can put object-type options for the method like below;
<div jg="cycle" jg:cycle="fx:'shuffle',easing:'backout',delay:-4000"> <img src="/your/path/to/img01.gif" /> <img src="/your/path/to/img02.gif" /> <img src="/your/path/to/img03.gif" /> </div>
This means
$('div').cycle({fx:'shuffle',easing:'backout',delay:-4000});