Auto-resize now works for multi-image

src/viewer.js

@@ -2735,11 +2735,9 @@ function resizeViewportAndRecenter( viewer, containerSize, oldBounds, oldCenter
 
     // We try to remove blanks as much as possible
     var worldBounds = viewer.world.getHomeBounds();
-    var aspectRatio = worldBounds.width / worldBounds.height;
+    var newWidth = oldBounds.width <= worldBounds.width ? oldBounds.width : worldBounds.width;
-    var imageHeight = 1 / aspectRatio;
+    var newHeight = oldBounds.height <= worldBounds.height ?
-    var newWidth = oldBounds.width <= 1 ? oldBounds.width : 1;
+        oldBounds.height : worldBounds.height;
-    var newHeight = oldBounds.height <= imageHeight ?
-        oldBounds.height : imageHeight;
 
     var newBounds = new $.Rect(
         oldCenter.x - ( newWidth / 2.0 ),

test/demo/collections/index.html

@@ -15,6 +15,10 @@
                 margin: 0;
             }
 
+            .openseadragon1.small {
+                width: 50%;
+            }
+
             .openseadragon-overlay {
                 background-color: rgba(255, 0, 0, 0.3);
             }

test/demo/collections/main.js

@@ -116,6 +116,12 @@
             }
         },
 
+        // ----------
+        toggle: function() {
+            var $el = $(this.viewer.element);
+            $el.toggleClass('small');
+        },
+
         // ----------
         basicTest: function() {
             var self = this;