Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    waiting-aroundpublic

    waiting-around

    Wait around in a big queue, like this:

    waiting around

    live demo

    example

    This module is a browser widget. Just whip up a main.js like this:

    var files = {
        'images/robot.png' : 0.6,
        'images/twain.png' : 0.7,
        'images/trex.png' : 1,
        'images/poe.png' : 1,
        'images/triceratops.png' : 1,
        'images/t-rex.png' : 1,
        'images/apatosaur.png' : 1,
        'images/raptor.png' : 1,
        'images/spy.png' : 0.8
    };
     
    var createQueue = require('waiting-around');
    var queue = createQueue(files);
    queue.appendTo(document.body);
     
    var spot = 35;
    var total = 80;
    var iv = setInterval(function () {
        spot --;
        total --;
        if (spot === 0) return clearInterval(iv);
        
        queue.spot(spot, total);
    }, 250);

    Then use browserify to generate a bundle that you can drop into your html:

    $ browserify main.js -o bundle.js

    methods

    var createQueue = require('waiting-around');

    var queue = createQueue(images)

    Create a new queue widget with an array or hash of images to use for the avatars.

    queue.appendTo(target)

    Append the queue dom element to the target element.

    queue.spot(n, total)

    Set your place in the queue at spot n of total.

    You will have a pinkish dot over your head.

    Spots will be created and destroyed around you.

    queue.resize(width, height)

    Set the size of the queue.

    The avatars will be re-positioned to account for the new dimensions.

    queue.reset()

    Empty out the queue.

    install

    With npm do:

    npm install waiting-around

    license

    MIT

    Keywords

    none

    install

    npm i waiting-around

    Downloadslast 7 days

    0

    version

    0.0.0

    license

    none

    repository

    github.com

    last publish

    collaborators

    • avatar