Only stretch images smaller than the window size in fullscreen mode i…

…f the class "modal-fullscreen-stretch" is present on the modal.

README.md

@@ -113,6 +113,12 @@ Fullscreen mode is enabled by adding the CSS class "modal-fullscreen" to the mod
 $('#modal-gallery').addClass('modal-fullscreen');
 ```
 
+To automatically stretch images smaller then the window size, also add the class "modal-fullscreen-stretch":
+
+```js
+$('#modal-gallery').addClass('modal-fullscreen modal-fullscreen-stretch');
+```
+
 Please refer to the demo source code on how to enable real fullscreen mode on supported browsers.
 
 ### Deinitialize the click event listener

js/bootstrap-image-gallery.js

@@ -1,5 +1,5 @@
 /*
- * Bootstrap Image Gallery 2.7
+ * Bootstrap Image Gallery 2.8
  * https://github.com/blueimp/Bootstrap-Image-Gallery
  *
  * Copyright 2011, Sebastian Tschan
@@ -311,12 +311,14 @@
                     windowHeight = $(window).height();
                 if (modal.hasClass('modal-fullscreen')) {
                     this._loadImageOptions = {
-                        minWidth: windowWidth,
-                        minHeight: windowHeight,
                         maxWidth: windowWidth,
                         maxHeight: windowHeight,
                         canvas: options.canvas
                     };
+                    if (modal.hasClass('modal-fullscreen-stretch')) {
+                        this._loadImageOptions.minWidth = windowWidth;
+                        this._loadImageOptions.minHeight = windowHeight;
+                    }
                 } else {
                     this._loadImageOptions = {
                         maxWidth: windowWidth - options.offsetWidth,