*/
var FilmSlider;
-var s;
(function(){
var keyLeft = 37, keyRight = 39;
FilmSlider = function(filmBar, slider, ctxInfos, image, toolbar, breadcrumbs) {
var thisSlider = this;
- s = this;
this.filmBar = filmBar;
this.filmBarWidth = getObjectWidth(this.filmBar);
var film = filmBar.firstChild;
var src = this.image.src.replace(imgRequestedSize, 'size=' + bestFitSize);
this.pendingImage.src = src;
}
- this.shrinkImage(this.image);
+ this.adjustImage(this.image);
};
FilmSlider.prototype.getBestFitSize = function(ratio) {
return DEFAULT_IMAGE_SIZES[i];
};
-FilmSlider.prototype.shrinkImage = function(img) {
+FilmSlider.prototype.adjustImage = function(img) {
var dispWidth = parseInt(this.stretchable.style.width);
- var imgWidth = img.width;
+ var imgWidth = img.naturalWidth;
var dispHeight = parseInt(this.stretchable.style.height);
- var imgHeight = img.height;
+ var imgHeight = img.naturalHeight;
var ratio;
if (imgHeight > dispHeight) {
};
FilmSlider.prototype.refreshImage = function() {
- var dispWidth = getObjectWidth(this.stretchable);
- var imgWidth = this.pendingImage.width;
- var dispHeight = getObjectHeight(this.stretchable);
- var imgHeight = this.pendingImage.height;
- var ratio;
-
- if (imgHeight > dispHeight) {
- ratio = dispHeight / imgHeight;
- imgWidth = imgWidth * ratio;
- imgHeight = dispHeight;
- }
- if (imgWidth > dispWidth) {
- ratio = dispWidth / imgWidth;
- imgHeight = imgHeight * ratio;
- imgWidth = dispWidth;
- }
-
+ this.adjustImage(this.pendingImage);
this.image.style.visibility = 'hidden';
this.image.src = this.pendingImage.src;
- this.image.width = imgWidth;
- this.image.height = imgHeight;
+ this.image.width = this.pendingImage.width;
+ this.image.height = this.pendingImage.height;
this.image.style.visibility = 'visible';
if (this.selectedSlideInSelection) { this.image.parentNode.className = 'selected'; }
else { this.image.parentNode.className = ''; }