[Plugin: NextGEN Gallery Optimizer] fancybox scroll through all images in gallery

Hey shadow84,

Good to hear from you again. I’m glad you’re enjoying it!

It sounds like you’re after a loop function in Fancybox that will continuously cycle through from the 12th image back to the first, and vice versa (though please correct me if I’ve misunderstood). If this is correct, you can achieve this by adding 'cyclic':true to the Fancybox invocation code…

Simply replace the “fancybox inline js” section at the top of wp-content/plugins/nextgen-gallery-optimizer-premium/nextgen-optimizer-premium-scripts-and-styles.php with the following…

* General note for the community: The code below will only work with the Premium version to which this thread relates.

/**********************************************************************
* fancybox inline js
**********************************************************************/

function nggop_fancybox_inline_js() { ?>
<!-- [nextgen gallery optimizer premium v<?php echo NGGOP_VERSION; ?>] This page must contain a nextgen shortcode...else we wouldn't be serving its scripts and styles -->
<script type='text/javascript'>jQuery.noConflict(); jQuery(document).ready(function() { jQuery('a.myfancybox').fancybox({ 'zoomSpeedIn':500, 'zoomSpeedOut':500, 'overlayShow':true, 'overlayOpacity':0.3, 'cyclic':true }); }); var timer; jQuery(window).resize(function() { clearTimeout(timer); timer = setTimeout(jQuery.fancybox.browser_resize, 500); });</script>
<?php
}

Hope this helps!

Cheers,
Mark.

G’Day Mark! My sincere apologies for the delayed response – I’ve been ill with the flu, and things have fallen a little behind :S

Back on track now, though ?? Thank you for your comprehensive reply!

The above fix is great, I’ll add that in as well; however, I was actually interested in whether fancybox would allow the ‘next’ arrow button on the right, to go from the 12th (final image on page 1) to 13th (first image on page 2) of the gallery, rather than just cycle within the page, from images 1-12, 13-24 etc. Is this possible? No worries if not, just thought it would be a nice touch for an artist’s website (which, btw, is nearly done – yay! ?? – check out https://www.rolfeknudsen.com.au if you’re keen).

Thanks again for all your help so far ??

Cheers,
Gen.

Oh one other quick question – is there any way to disable nextgen optimiser on only specific pages? the site i’m working on has a store (just added), and i’m baffled by a fancybox issue for single products (eg https://www.rolfeknudsen.com.au/product/drawings/untitled-2012/) – it won’t load an enlarged image on mouse-click, instead returning “The requested content cannot be loaded. Please try again later.” The only thing I can think of causing the issue is a conflict between nextgen fancybox and the store-bundled fancybox…

no worries if not, just thought i’d ask in case there was a quick fix / easy way to disable certain pages. Cheers!

Hey Gen,

No worries. Hope you’re feeling better.

Thanks for the clarification. The site’s looking great! Unfortunately, since Fancybox can only load information present in the source code of a given page, it would be terribly inefficient trying to load several other paginated groups on each view. I’m not really even sure how that could be achieved, to be honest. It might be possible with AJAX pagination, however you’d have to use the Shutter effect for it to work with NextGEN. All I can suggest is to experiment with the number of thumbnails per page at Gallery --> Options --> Gallery --> "Number of images per page" till you find a sweet spot between the number of pages and images per page.

In regards to the store page, I’ve just taken a look through your source, and it looks as though you’re calling the main image directly/hard-coding it. Is this correct? Optimizer seems to have correctly stripped NextGEN’s superfluous scripts, but has not actually added in any of Fancybox’s scripts and styles…presumably because you’re not using a NextGEN shortcode on the page?

I’ve just tested your source locally, and have got your current store-bundled Fancybox working by adding an image url to the href attribute in the image’s anchor tag. It’s currently empty, so Fancybox doesn’t have anything to open…hence the message. This is probably the easiest fix, but if you wanted to use Optimizer’s Fancybox on the store pages, you should be able to call it just by using NextGEN’s [singlepic id=x w=width h=height] shortcode for your store images (unless JigoShop uses it’s own post tables).

Hope this helps!

Cheers,
Mark.