You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.8 KiB
74 lines
1.8 KiB
/**
|
|
* @class Images
|
|
* This class loads images and keeps them stored.
|
|
*/
|
|
function Images(callback) {
|
|
this.images = {};
|
|
this.imageBroken = {};
|
|
this.callback = callback;
|
|
}
|
|
|
|
/**
|
|
*
|
|
* @param {string} url Url of the image
|
|
* @param {string} url Url of an image to use if the url image is not found
|
|
* @return {Image} img The image object
|
|
*/
|
|
Images.prototype.load = function(url, brokenUrl) {
|
|
var img = this.images[url]; // make a pointer
|
|
if (img === undefined) {
|
|
// create the image
|
|
var me = this;
|
|
img = new Image();
|
|
img.onload = function () {
|
|
// IE11 fix -- thanks dponch!
|
|
if (this.width == 0) {
|
|
document.body.appendChild(this);
|
|
this.width = this.offsetWidth;
|
|
this.height = this.offsetHeight;
|
|
document.body.removeChild(this);
|
|
}
|
|
|
|
if (me.callback) {
|
|
me.images[url] = img;
|
|
me.callback(this);
|
|
}
|
|
};
|
|
|
|
img.onerror = function () {
|
|
if (brokenUrl === undefined) {
|
|
console.error("Could not load image:", url);
|
|
delete this.src;
|
|
if (me.callback) {
|
|
me.callback(this);
|
|
}
|
|
}
|
|
else {
|
|
if (me.imageBroken[url] === true) {
|
|
if (this.src == brokenUrl) {
|
|
console.error("Could not load brokenImage:", brokenUrl);
|
|
delete this.src;
|
|
if (me.callback) {
|
|
me.callback(this);
|
|
}
|
|
}
|
|
else {
|
|
console.error("Could not load image:", url);
|
|
this.src = brokenUrl;
|
|
}
|
|
}
|
|
else {
|
|
console.error("Could not load image:", url);
|
|
this.src = brokenUrl;
|
|
me.imageBroken[url] = true;
|
|
}
|
|
}
|
|
};
|
|
|
|
img.src = url;
|
|
}
|
|
|
|
return img;
|
|
};
|
|
|
|
module.exports = Images;
|