Need to click first to close the fancybox before user can swip

Anyone come up with a solution to this?

I am also having the same issue with needing to click the overlay so you can start start swiping images

Same problem for me! If this is fixed, I’ll gladly donate some cash. For now it’s unusable ??

If I remember, you need to hide the fancybox overlay with display: none !important within mobile’s media query.

Hi there!

There is a little “error” in the
/plugins/photoswipe-for-nextgen-gallery/js/ngg-photoswipe-disable-fancybox.js

I just added “ngg-” and everything works fine ??

//Remove fancybox effect:
jQuery('a.ngg-fancybox').unbind('click.fb').addClass('nolightbox').removeClass('ngg-fancybox');
});

Hope this works for you too.

Thank you _gk0! That sure helped me out too!

Thank you! This did the trick for me as well!

Hi

Is there any other trick that I might have missed? I did added the ngg- part I did changed the if part from this post
topic
, but no lock still gray appears before you could actually see the files

https://www.ivian.ro

Any idea where I’m wrong?

thanks

Hi Ivian!

Does your ngg-photoswipe.js look like this? Look especialy on the bottom “//Remove fancybox effect:”

//Ready for photoSwipe!
jQuery(function(){
	if (jQuery(".ngg-gallery-thumbnail a").length > 0) {
		jQuery(".ngg-gallery-thumbnail a").photoSwipe({
			captionAndToolbarAutoHideDelay: 0,
			getImageCaption: function(el){
				psTitle = jQuery(el).find("img").first().attr("alt");
				psDescription = jQuery(el).attr("title");
				psCaptionString = "<strong>" + psTitle + "</strong>";
				if (psDescription.length > 1) {
					psCaptionString = psCaptionString + '<div class="ps-long-description"><small>' + psDescription + '</small></div>';
				}
				psImgCaption = jQuery(psCaptionString);
				return psImgCaption;
			}
		});
	}
});

jQuery(document).ready(function(){
	//Remove thickbox effect:
	jQuery('a.thickbox').removeClass ("thickbox");
	//Remove lightbox effect:
	jQuery('a[rel^="lightbox"]').attr("rel","");
	//Remove highslide effect:
	jQuery('a.highslide').removeClass("highslide").attr("onclick","");
	//Remove shutter effect:
	jQuery('a[class^=shutterset]').removeClass (function (index, css) { return (css.match (/\bshutterset\S+/g) || []).join(' '); });

	//Remove fancybox effect:
	jQuery('a.ngg-fancybox').unbind('click.fb').addClass('nolightbox').removeClass('ngg-fancybox');
});

Hope you find the solution in this code. Good Luck!

PS: The images on your website are extremly too large. Ideal web-optimized image size is 960px in width and use JPEGmini https://www.jpegmini.com/

Hi _gk0

Thanks for the answer, will check your suggestion

For the moment I succeed to not have that anymore by selecting from NGG no lightbox effect, which works for me.

cheers,
Ivian