Lightbox (Featherlight) lokálně + zoom fix (viz noelboss/featherlight…

…#317)

index.html

@@ -10,8 +10,8 @@
 
 	<link rel="stylesheet" href="css/normalize-3.0.2.min.css">
 	<link rel="stylesheet" href="css/jquery.jsonview.css">
+	<link rel="stylesheet" href="css/jquery.featherlight-1.7.13.min.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/themes/default/style.min.css">
-	<link rel="stylesheet" href="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.css">
 	<link rel="stylesheet" href="css/index.css">
 
 	<script src="js/vendor/modernizr-2.8.3.min.js"></script>
@@ -36,8 +36,8 @@
 <script src="js/vendor/jquery.cookie-2.0.3.js"></script>
 <script src="js/vendor/jquery.query-2.2.0.js"></script>
 <script src="js/vendor/jquery.jsonview.js"></script>
+<script src="js/vendor/jquery.featherlight-1.7.13.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js"></script>
-<script src="https://cdn.rawgit.com/noelboss/featherlight/1.7.13/release/featherlight.min.js"></script>
 
 <script src="js/vendor/klan/klan-3.0.0.js"></script>
 <script src="js/vendor/klan/klan.api-3.0.1.js"></script>

js/index.js

@@ -1,5 +1,27 @@
 (function($) {
 
+$.featherlight.prototype.resize = function(w, h) {
+	if (w && h) {
+		/* Reset apparent image size first so container grows */
+		this.$content.css('width', '').css('height', '');
+
+		/* Rescale only if the image does not fit in the window */
+		if (this.$content.parent().width() < w || this.$content.parent().height() < h) {
+			/* Calculate the worst ratio so that dimensions fit */
+			/* Note: -1 to avoid rounding errors */
+			var ratio = Math.max(
+				w  / (this.$content.parent().width()-1),
+				h / (this.$content.parent().height()-1)
+			);
+			/* Resize content */
+			if (ratio > 1) {
+				ratio = h / Math.floor(h / ratio); /* Round ratio down so height calc works */
+				this.$content.css('width', '' + w / ratio + 'px').css('height', '' + h / ratio + 'px');
+			}
+		}
+	}
+};
+
 if ($('#klan-app-viewer').length && !!$.prototype.klan_app_viewer) {
 	$('#klan-app-viewer').klan_app_viewer();
 }