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

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

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! This did the trick for me as well!

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 http://www.jpegmini.com/