rue-mist-interface/client/templates/elements/img.js

Mist interface application

/**
Template Controllers

@module Templates
*/

/**
The img template

@class [template] elements_img
@constructor
*/

Template['elements_img'].helpers({
    /**
    This helper will preload the image, and then inject it later after its loaded

    @method (preload)
    */
    'preload': function () {
        var template = Template.instance(),
            data = this,
            img = new Image();

        TemplateVar.set('loading', true);

        img.onload = function () {
            TemplateVar.set(template, 'loading', false);
            TemplateVar.set(template, 'src', data.src);
        };
        img.src = data.src;
    }
});