player/js/elements/htmlElements/HImageElement.js

function HImageElement(data,parentContainer,globalData,comp, placeholder){
    this.assetData = globalData.getAssetData(data.refId);
    this.path = globalData.getPath();
    this.parent.constructor.call(this,data,parentContainer,globalData,comp, placeholder);
}
createElement(HBaseElement, HImageElement);

HImageElement.prototype.createElements = function(){

    var imageLoaded = function(){
        this.imageElem.setAttributeNS('http://www.w3.org/1999/xlink','href',this.path+this.assetData.p);
    };

    var img = new Image();

    var parent;
    if(this.data.hasMask){
        var parent = document.createElement('div');
        styleDiv(parent);
        var cont = document.createElementNS(svgNS,'svg');
        cont.setAttribute('width',this.assetData.w);
        cont.setAttribute('height',this.assetData.h);
        parent.appendChild(cont);
        this.imageElem = document.createElementNS(svgNS,'image');
        this.imageElem.setAttribute('width',this.assetData.w+"px");
        this.imageElem.setAttribute('height',this.assetData.h+"px");
        cont.appendChild(this.imageElem);
        this.layerElement = parent;
        this.parentContainer.appendChild(parent);
        this.innerElem = parent;
        this.maskedElement = this.imageElem;
        img.addEventListener('load', imageLoaded.bind(this), false);
        img.addEventListener('error', imageLoaded.bind(this), false);
    } else {
        styleDiv(img);
        this.layerElement = img;
        this.parentContainer.appendChild(img);
        this.innerElem = img;
    }
    img.src = this.path+this.assetData.p;
    if(this.data.ln){
        this.innerElem.setAttribute('id',this.data.ln);
    }
};



HImageElement.prototype.hide = HSolidElement.prototype.hide;

HImageElement.prototype.renderFrame = HSolidElement.prototype.renderFrame;

HImageElement.prototype.destroy = HSolidElement.prototype.destroy;