img.setAttribute('height', 290);
img.setStyle('opacity', 0.2);
img.setAttribute('src', 'no_image.jpg');
+ img.placeholder = true;
var size = this.thumbnailSize;
+ var self = this;
img.on('load', function(e) {
- var img$ = img.$;
- if (img$.width > img$.height) { // landscape
- img$.height = Math.round(size * img$.height / img$.width);
+ if (e.sender.placeholder) {
+ e.sender.placeholder = false;
+ return;
+ };
+ var img$ = e.data.$.target;
+ if (img$.naturalWidth > img$.naturalHeight) { // landscape
+ img$.height = Math.round(size * img$.naturalHeight / img$.naturalWidth);
img$.width = size;
}
else {
- img$.width = Math.round(size * img$.width / img$.height);
+ img$.width = Math.round(size * img$.naturalWidth / img$.naturalHeight);
img$.height = size;
}
+ self.progressBarMaxSize = img$.width;
img$.style.opacity = 0.2;
});
img.setAttribute('width', data.getAttribute('width'));
img.setAttribute('height', data.getAttribute('height'));
img.replace(item.container);
+ this.previewsLoaded--;
+ this.previewQueueLoadNext();
break;
}
};
reader.onload = function(evt) {
proxy.img.setAttribute('src', evt.target.result);
- // proxy.img.src = evt.target.result;
setTimeout(function(){self.previewQueueLoadNext();}, 500);
};
reader.readAsDataURL(proxy.file);