Ensure correct image aspect ratio

dimsemenov · Feb 15, 2018 · ac6d682 · ac6d682
1 parent 40a50b5
commit ac6d682
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/src/js/items-controller.js b/src/js/items-controller.js
@@ -197,6 +197,19 @@ var _getItemAt,
 		var w = maxRes ? item.w : Math.round(item.w * item.fitRatio),
 			h = maxRes ? item.h : Math.round(item.h * item.fitRatio);
 
+		// ensure correct aspect ratio
+		if(img.naturalHeight && img.naturalWidth) {
+			var new_h = w * (img.naturalHeight / img.naturalWidth);
+			if(new_h > h) {
+				var new_w = h * (img.naturalWidth / img.naturalHeight);
+				img.style.marginLeft = (w - new_w) / 2 + 'px';
+				w = new_w;
+			} else {
+				img.style.marginTop = (h - new_h) / 2 + 'px';
+				h = new_h;
+			}
+		}
+
 		if(item.placeholder && !item.loaded) {
 			item.placeholder.style.width = w + 'px';
 			item.placeholder.style.height = h + 'px';
@@ -490,4 +503,4 @@ _registerModule('Controller', {
 		}
 
 	}
-});
+});