WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery Optimizer
[resolved] fancybox scroll through all images in gallery (5 posts)

  1. shadow84
    Member
    Posted 1 year ago #

    Hi Mark,

    I'm really happy with your premium version of the optimiser plugin, it's fantastic!

    One last question to get the site completely up to date - I'm displaying 12 images/page (in gallery matrix view) but I want to be able to click through ALL the images in the gallery without closing, when I preview the larger image in fancybox. Right now, when you reach the 12th photo on a page, you have to click out of fancybox and go to the next gallery page to see the next image.

    Is this possible? How would you do this, if so? Sorry to be a pain; have tried googling the question, but to no avail :S

    Thanks again for all your help to date :)

    http://wordpress.org/extend/plugins/nextgen-gallery-optimizer/

  2. Mark Jeldi
    Member
    Plugin Author

    Posted 1 year ago #

    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.

  3. shadow84
    Member
    Posted 1 year ago #

    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! :D - check out http://www.rolfeknudsen.com.au if you're keen).

    Thanks again for all your help so far :)

    Cheers,
    Gen.

  4. shadow84
    Member
    Posted 1 year ago #

    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 http://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!

  5. Mark Jeldi
    Member
    Plugin Author

    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic