Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Async Pause Plugin (gallery-async-pause) on cdn

Last Updated: 06/21/12

+ 0 -

Steven Olmsted

YUI Contributor

See 42 more by this user.

Created: 12/6/11
Last CDN Push: 06/20/12
Build Tag: gallery-2012.06.20-20-07
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

Add pause/resume functionality to Async.

If you haven't seen gallery-async, start there: http://yuilibrary.com/gallery/show/Async

Code Sample

<script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.06.20-20-07'
}).use('gallery-async', 'gallery-async-pause', 'node', function(Y) {
    var bodyNode = Y.one('body').setStyle('background', '#CCFFCC'),
        count = 0,
        fn = function (success) {
            count += 1;
            bodyNode.append('<p>' + count + '</p>');
            Y.later(1000, null, function () {
                success();
            });
        },
        async = Y.Async.runQueue(
            fn, fn, fn, fn, fn, fn, fn, fn, fn, fn
        ).plug(Y.Plugin.AsyncPause);
 
    bodyNode.on('click', function () {
        if (async.pause.get('paused')) {
            async.pause.resume();
            bodyNode.setStyle('background', '#CCFFCC');
        } else {
            async.pause.pause();
            bodyNode.setStyle('background', '#FFCCCC');
        }
    });
 
    async.on('complete', function () {
        bodyNode.append('<p>Complete</p>');
    });
});