Fix #1661 and #1658

- Enable custom click events on fancyboxed elements
- Enable thumbs.autoStart using `data-options`

Author: fancyapps

dist/jquery.fancybox.js

@@ -1,5 +1,5 @@
 // ==================================================
-// fancyBox v3.1.27
+// fancyBox v3.1.28
 //
 // Licensed GPLv3 for open source use
 // or fancyBox Commercial License for commercial use
@@ -2645,7 +2645,7 @@
 
     $.fancybox = {
 
-        version  : "3.1.27",
+        version  : "3.1.28",
         defaults : defaults,
 
 
@@ -2923,12 +2923,11 @@
         var target	= e.currentTarget,
             opts	= e.data ? e.data.options : {},
             items	= opts.selector ? $( opts.selector ) : ( e.data ? e.data.items : [] ),
-            value	= $(target).attr( 'data-fancybox' ) || '',
+            value	= $( target ).attr( 'data-fancybox' ) || '',
             index	= 0,
             active  = $.fancybox.getInstance();
 
         e.preventDefault();
-        e.stopPropagation();
 
         // Avoid opening multiple times
         if ( active && active.current.opts.$orig.is( target ) ) {
@@ -4578,7 +4577,7 @@
 
 			this.$list.find('img').hide().one('load', function() {
 
-				var $parent		= $(this).parent().removeClass('fancybox-thumbs-loading'),
+				var $parent		= $(this).parent().removeClass( 'fancybox-thumbs-loading' ),
 					thumbWidth	= $parent.outerWidth(),
 					thumbHeight	= $parent.outerHeight(),
 					width,
@@ -4589,12 +4588,12 @@
 				width  = this.naturalWidth	|| this.width;
 				height = this.naturalHeight	|| this.height;
 
-				//Calculate thumbnail width/height and center it
+				// Calculate thumbnail width/height and center it
 
 				widthRatio  = width  / thumbWidth;
 				heightRatio = height / thumbHeight;
 
-				if (widthRatio >= 1 && heightRatio >= 1) {
+				if ( widthRatio >= 1 && heightRatio >= 1 ) {
 					if (widthRatio > heightRatio) {
 						width  = width / heightRatio;
 						height = thumbHeight;
@@ -4624,9 +4623,9 @@
 			if ( this.instance.current ) {
 				this.$list
 					.children()
-					.removeClass('fancybox-thumbs-active')
-					.filter('[data-index="' + this.instance.current.index  + '"]')
-					.addClass('fancybox-thumbs-active')
+					.removeClass( 'fancybox-thumbs-active' )
+					.filter( '[data-index="' + this.instance.current.index  + '"]' )
+					.addClass( 'fancybox-thumbs-active' )
 					.focus();
 			}
 
@@ -4699,7 +4698,7 @@
 				return;
 			}
 
-			if ( firstRun && instance.opts.thumbs.autoStart === true ) {
+			if ( firstRun && item.opts.thumbs.autoStart === true ) {
 				Thumbs.show();
 			}
 

dist/jquery.fancybox.min.js

@@ -1,7 +1,7 @@
 {
   "name": "@fancyapps/fancybox",
   "description": "Touch enabled, responsive and fully customizable jQuery lightbox script",
-  "version": "3.1.27",
+  "version": "3.1.28",
   "homepage": "http://fancyapps.com/fancybox/",
   "main": "./dist/jquery.fancybox.js",
   "author": "fancyApps",

package.json

@@ -2913,12 +2913,11 @@
         var target	= e.currentTarget,
             opts	= e.data ? e.data.options : {},
             items	= opts.selector ? $( opts.selector ) : ( e.data ? e.data.items : [] ),
-            value	= $(target).attr( 'data-fancybox' ) || '',
+            value	= $( target ).attr( 'data-fancybox' ) || '',
             index	= 0,
             active  = $.fancybox.getInstance();
 
         e.preventDefault();
-        e.stopPropagation();
 
         // Avoid opening multiple times
         if ( active && active.current.opts.$orig.is( target ) ) {

src/js/core.js

@@ -77,7 +77,7 @@
 
 			this.$list.find('img').hide().one('load', function() {
 
-				var $parent		= $(this).parent().removeClass('fancybox-thumbs-loading'),
+				var $parent		= $(this).parent().removeClass( 'fancybox-thumbs-loading' ),
 					thumbWidth	= $parent.outerWidth(),
 					thumbHeight	= $parent.outerHeight(),
 					width,
@@ -88,12 +88,12 @@
 				width  = this.naturalWidth	|| this.width;
 				height = this.naturalHeight	|| this.height;
 
-				//Calculate thumbnail width/height and center it
+				// Calculate thumbnail width/height and center it
 
 				widthRatio  = width  / thumbWidth;
 				heightRatio = height / thumbHeight;
 
-				if (widthRatio >= 1 && heightRatio >= 1) {
+				if ( widthRatio >= 1 && heightRatio >= 1 ) {
 					if (widthRatio > heightRatio) {
 						width  = width / heightRatio;
 						height = thumbHeight;
@@ -123,9 +123,9 @@
 			if ( this.instance.current ) {
 				this.$list
 					.children()
-					.removeClass('fancybox-thumbs-active')
-					.filter('[data-index="' + this.instance.current.index  + '"]')
-					.addClass('fancybox-thumbs-active')
+					.removeClass( 'fancybox-thumbs-active' )
+					.filter( '[data-index="' + this.instance.current.index  + '"]' )
+					.addClass( 'fancybox-thumbs-active' )
 					.focus();
 			}
 
@@ -198,7 +198,7 @@
 				return;
 			}
 
-			if ( firstRun && instance.opts.thumbs.autoStart === true ) {
+			if ( firstRun && item.opts.thumbs.autoStart === true ) {
 				Thumbs.show();
 			}