Xes
73154ae174
Fuente: https://github.com/chamilo/chamilo-lms/releases/download/v1.11.40/chamilo-1.11.40.zip sha256: 1cf4bf2cc7bae1ef1a1eff643235db1d552f78ddf4b6dd1e2d2dac9868679439 Snapshot independiente (rama huerfana); diffable vs 1.11.38. vendor incluido.
110 lines
2.6 KiB
JavaScript
110 lines
2.6 KiB
JavaScript
$.extend(prototype, {
|
|
init: function () {
|
|
var $this = this.$element;
|
|
var url;
|
|
|
|
if ($this.is('img')) {
|
|
this.isImg = true;
|
|
|
|
// Should use `$.fn.attr` here. e.g.: "img/picture.jpg"
|
|
this.originalUrl = url = $this.attr('src');
|
|
|
|
// Stop when it's a blank image
|
|
if (!url) {
|
|
return;
|
|
}
|
|
|
|
// Should use `$.fn.prop` here. e.g.: "http://example.com/img/picture.jpg"
|
|
url = $this.prop('src');
|
|
} else if ($this.is('canvas') && SUPPORT_CANVAS) {
|
|
url = $this[0].toDataURL();
|
|
}
|
|
|
|
this.load(url);
|
|
},
|
|
|
|
// A shortcut for triggering custom events
|
|
trigger: function (type, data) {
|
|
var e = $.Event(type, data);
|
|
|
|
this.$element.trigger(e);
|
|
|
|
return e;
|
|
},
|
|
|
|
load: function (url) {
|
|
var options = this.options;
|
|
var $this = this.$element;
|
|
var crossOrigin = '';
|
|
var bustCacheUrl;
|
|
var $clone;
|
|
|
|
if (!url) {
|
|
return;
|
|
}
|
|
|
|
this.url = url;
|
|
|
|
// Trigger build event first
|
|
$this.one(EVENT_BUILD, options.build);
|
|
|
|
if (this.trigger(EVENT_BUILD).isDefaultPrevented()) {
|
|
return;
|
|
}
|
|
|
|
if (options.checkImageOrigin && isCrossOriginURL(url)) {
|
|
crossOrigin = $this.prop('crossOrigin');
|
|
|
|
// Bust cache (#148), only when there was not a "crossOrigin" property
|
|
if (!crossOrigin) {
|
|
crossOrigin = 'anonymous';
|
|
bustCacheUrl = addTimestamp(url);
|
|
}
|
|
|
|
this.crossOrigin = crossOrigin;
|
|
}
|
|
|
|
this.$clone = $clone = $('<img' + getCrossOrigin(crossOrigin) + ' src="' + (bustCacheUrl || url) + '">');
|
|
|
|
if (this.isImg) {
|
|
if ($this[0].complete) {
|
|
this.start();
|
|
} else {
|
|
$this.one(EVENT_LOAD, $.proxy(this.start, this));
|
|
}
|
|
} else {
|
|
$clone.
|
|
one(EVENT_LOAD, $.proxy(this.start, this)).
|
|
one(EVENT_ERROR, $.proxy(this.stop, this)).
|
|
addClass(CLASS_HIDE).
|
|
insertAfter($this);
|
|
}
|
|
},
|
|
|
|
start: function () {
|
|
var $image = this.$element;
|
|
var $clone = this.$clone;
|
|
|
|
if (!this.isImg) {
|
|
$clone.off(EVENT_ERROR, this.stop);
|
|
$image = $clone;
|
|
}
|
|
|
|
getImageSize($image[0], $.proxy(function (naturalWidth, naturalHeight) {
|
|
this.image = {
|
|
naturalWidth: naturalWidth,
|
|
naturalHeight: naturalHeight,
|
|
aspectRatio: naturalWidth / naturalHeight
|
|
};
|
|
|
|
this.ready = true;
|
|
this.build();
|
|
}, this));
|
|
},
|
|
|
|
stop: function () {
|
|
this.$clone.remove();
|
|
this.$clone = null;
|
|
}
|
|
});
|