The Gallery is deprecated. No new Gallery components may be submitted, and modifying existing components is disabled. For more information please read the Gallery Deprecation blog post. This is a static snapshot of the Gallery for archive purposes.
See 4 more by this user. Created: 08/15/10
Last CDN Push: 09/22/10
Build Tag: gallery-2010.09.22-20-15
Project: YUI 3
License: YUI BSD
YUI Version: 3.2.0
Free for use.
A very small module that takes the number of animation steps & the delay between them & will then fire "step" events until done. This exists because the core of the base Animation library isn't abstracted out at all & assumes it is operating on DOM nodes.
The example at http://tivac.com/yui3/generic-anim/ shows one (very simple) use case for a module like this.
Currently the module only provides two methods, "run" and "stop". It will fire a "step" event at each animation tick. Future planned enhancements include easing support & a "pause" method.
A simple animation that will iterate 20 times with 2 seconds between each step.
<script src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js"></script>
YUI({
//Last Gallery Build of this module
gallery: 'gallery-2010.09.22-20-15'
}).use('gallery-generic-anim', function(Y) {
var anim = new Y.GenericAnim({
steps : 20,
duration : 2
});
anim.on("step", function(e, step) {
console.log(step);
});
anim.on("complete", function() {
console.log("complete");
});
anim.run();
//different form
var anim2 = new Y.GenericAnim({
steps : 20,
duration : 2,
on : {
"step" : function(e, step) {
console.log(step);
},
"complete" : function() {
console.log("completed");
}
}
}).run();
});
No forum posts for this module.
All code on this site is licensed under the BSD License unless stated otherwise.