Fixed displayed image in ImageViewer on window resize

diff --git a/wcfsetup/install/files/js/WCF.ImageViewer.js b/wcfsetup/install/files/js/WCF.ImageViewer.js
index a5aac579c7d90857ab991d62998bc5824f6d443b..cbebd7de7f8519e10aa08d87a71250ce3bbf8065 100644 (file)
--- a/wcfsetup/install/files/js/WCF.ImageViewer.js
+++ b/wcfsetup/install/files/js/WCF.ImageViewer.js
@@ -318,7 +318,7 @@ $.widget('ui.wcfImageViewer', {
                        }
                }
                
-               $(document).on('keydown.' + this._eventNamespace, $.proxy(this._keyDown, this));
+               this._bindListener();
                
                this._isOpen = true;
                
@@ -344,7 +344,7 @@ $.widget('ui.wcfImageViewer', {
                        this._timer.stop();
                }
                
-               $(document).off('keydown.' + this._eventNamespace);
+               this._unbindListener();
                
                this._isOpen = false;
                
@@ -405,6 +405,22 @@ $.widget('ui.wcfImageViewer', {
                return true;
        },
        
+       /**
+        * Binds event listeners.
+        */
+       _bindListener: function() {
+               $(document).on('keydown.' + this._eventNamespace, $.proxy(this._keyDown, this));
+               $(window).on('resize.' + this._eventNamespace, $.proxy(this._renderImage, this));
+       },
+       
+       /**
+        * Unbinds event listeners.
+        */
+       _unbindListener: function() {
+               $(document).off('keydown.' + this._eventNamespace);
+               $(window).off('resize.' + this._eventNamespace);
+       },
+       
        /**
         * Closes the slideshow on escape.
         *