• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    Build Tag: gallery-2012.07.25-21-36

    Return to Animation Sequence

    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2012.07.25-21-36'
    }).use('gallery-anim-sequence', function(Y)
    {
        // sequence animating multiple nodes
     
        var s1 = new Y.AnimSequence(
        {
            sequence:
            [
                [
                    new Y.Anim({ node: '#a', from: { top: 0 }, to: { top: '100px' } }),
                    new Y.Anim({ node: '#b', from: { top: 0 }, to: { top: '-100px' } })
                ],
                [
                    new Y.Anim({ node: '#a', from: { backgroundColor: '#FFFFFF' }, to: { backgroundColor: '#FF0000' } }),
                    new Y.Anim({ node: '#b', from: { backgroundColor: '#FFFFFF' }, to: { backgroundColor: '#0000FF' } })
                ],
                new Y.Anim({ node: '#ab', from: { backgroundColor: '#FFFFFF' }, to: { backgroundColor: '#999999' } })
            ]
        });
     
        s1.run();
     
        // node plugin
     
        var n1 = Y.one('#my-node');
        n1.plug(Y.Plugin.NodeFXSequence,
        {
            sequence:
            [
                new Y.Anim({ from: { backgroundColor: '#FFFFFF' }, to: { backgroundColor: '#FF0000' } }),
                new Y.Anim({ from: { height: '20px' }, to: { height: '50px' } }),
                new Y.Anim({ from: { backgroundColor: '#FF0000' }, to: { backgroundColor: '#00FF00' } })
            ]
        });
     
        n1.fx.run();
    });

    Build Output

    /home/y/libexec/ant/bin/ant all
    Buildfile: build.xml
         [echo] Starting Build For gallery-anim-sequence
    
    clean:
    
    init:
        [mkdir] Created dir: /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-anim-sequence/build_tmp
         [echo] Starting Build For gallery-anim-sequence
    
    -lint-server:
         [echo] Starting Build For gallery-anim-sequence
    
    -node:
         [echo] For faster builds, install Node.js.
    
    -concatdebug:
         [copy] Copying 2 files to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-anim-sequence/build_tmp/ant
       [delete] Deleting directory /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-anim-sequence/build_tmp/ant
    
    -registerdebug:
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-anim-sequence/build_tmp
    
    -prependdebug:
    
    -appenddebug:
    
    builddebug:
    
    -createcore:
         [copy] Copying 1 file to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-anim-sequence/build_tmp
    
    -loggerregex:
    
    buildcore:
    
    -rollupjs:
    
    -concatskins:
    
    -buildskins:
    
    -rollupcss:
    
    buildskins:
    
    -buildlangs:
    
    -rolluplangs:
    
    buildlangs:
    
    build:
    
    minify:
    [yuicompressor] Compressing /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-anim-sequence/build_tmp/gallery-anim-sequence.js
    [yuicompressor] 
    [yuicompressor] [WARNING] Invalid hint syntax: use strict
    [yuicompressor] add("gallery-anim-sequence",function(Y){ ---> "use strict" <--- ;functionAnimSequence(config){this._list
    [yuicompressor] 
    [yuicompressor] [WARNING] Try to use a single 'var' statement per scope.
    [yuicompressor] &&this._index<0)){ ---> var  <--- iter_max=this.get("iterations"),iter_count
    [yuicompressor] 
    [yuicompressor] [WARNING] Try to use a single 'var' statement per scope.
    [yuicompressor] fire("end");}return;} ---> var  <--- item=this._list[this._index]
    [yuicompressor] 
    [yuicompressor] [WARNING] Try to use a single 'var' statement per scope.
    [yuicompressor] .Lang.isArray(item)){ ---> var  <--- tasks=new Y.Parallel();Y
    [yuicompressor] 
    [yuicompressor] [WARNING] Try to use a single 'var' statement per scope.
    [yuicompressor] ._list.length;i++){ ---> var  <--- item=this._list[i];if
    [yuicompressor] 
    [yuicompressor] [WARNING] The symbol f is declared but is apparently never used.
    [yuicompressor] This code can probably be written in a more compact way.
    [yuicompressor] (Y.Array(arguments),function ---> f <--- (a){this._list.push(
    [yuicompressor] 
    [yuicompressor] [WARNING] The symbol f is declared but is apparently never used.
    [yuicompressor] This code can probably be written in a more compact way.
    [yuicompressor] (Y.Array(arguments),function ---> f <--- (a){this._list.unshift(
    [yuicompressor] Compressed to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-anim-sequence/build_tmp/gallery-anim-sequence-min.js
    
    lint:
         [echo] Using Rhino. Install nodejs to improve jslint speed, or skip with -Dlint.skip=true
         [java] Running JSLint on : /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/src/gallery-anim-sequence/build_tmp/gallery-anim-sequence.js
         [java]  
         [java] 
         [java] 	325, 18: Don't make functions within a loop.
         [java] 	},
         [java] 
         [java]  
         [java] 
    
    local:
    
    deploybuild:
         [copy] Copying 3 files to /home/y/var/builds/workspace/gallery/build_tmp/src/yui3-gallery/build/gallery-anim-sequence
    
    deployassets:
    
    deployskins:
    
    deploylang:
    
    deploydocs:
    
    deploy:
    
    all:
    
    BUILD SUCCESSFUL
    Total time: 2 seconds

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info