WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery Optimizer
[resolved] Optimizer Premium not working with iPad (6 posts)

  1. djamilag
    Member
    Posted 1 year ago #

    Hi there,
    I purchased the Optimizer Premium plugin and it works fine on my MacBook Pro. On the iPad however, I just get the spinning wheel that tells me the gallery is loading. Once I deactivate the plugin, the gallery shows up fine on the iPad.
    Site is djamilagrossman.com/category/blog
    Any help would be appreciated!

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

  2. Mark Jeldi
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Djamila,

    Thanks for using NextGEN Gallery Optimizer Premium!

    I believe the reason you're not seeing your slideshows on the iPad is because you're using the Flash-based JW Image Rotator (now built-into NextGEN Gallery as of v1.9.9).

    As iOS devices (such as the iPad and iPhone) don't natively support Flash, they won't be able to display your images with the JW Image Rotator (unless you're using a Flash-compatible browser such as this).

    As your slideshows are important for showcasing your work, I'd recommend switching to the default jQuery-based slideshow in NextGEN Gallery (which works fine on iOS). To do this, please navigate to Gallery --> Options --> Slideshow and deselect the "Enable flash slideshow" checkbox.

    Hope this helps!

    Cheers,
    Mark.

  3. djamilag
    Member
    Posted 1 year ago #

    Hi Mark,
    thanks a lot for the reply!
    You're right, now the slideshow does work (and a lot faster too!). The only problem I have now is that the navigation bar is not visible anymore, not even on the computer. Probably because it is flash-based?
    Is there a way to make it visible on both devices, with the optimizer plugin turned on, such as adding an html-based navigation bar or something?

    Thanks again for the help!

    Cheers,

    Djamila

  4. Mark Jeldi
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Djamila,

    I'm glad to hear the default slideshow is working well for you!

    The nav bar you had earlier is unique to the JW Image Rotator script, however I've been looking into adding some navigation to the default version for you, and I can say that yes...it definitely is possible! :)

    I've been able to come up with a solution that adds next/previous functionality below the slideshow, which should help your visitors navigate through the galleries. Also, I've integrated Fancybox's next/prev buttons for the controls - as they're already included in Optimizer and will provide UI consistancy with the lightbox.

    Here's a screenshot...
    http://www.markstechnologynews.com/wp-content/uploads/2013/02/optimizer-fancybox-nav-buttons-on-nextgen-slideshow.jpg

    Installation:
    Tip: Fire up your text editor's Search tool to help with the find and replace...

    Step 1.
    This lets us connect a button to the "next" functionality, that by default is triggered when you click on the slideshow...

    Open: wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js
    Delete next:obj, (including the comma).

    Step 2.
    This attaches next/prev functionality to button anchor ids...

    Open: wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js
    Replace prev:null with prev:'#nggop_prev'
    Replace next:null with next:'#nggop_next'

    Step 3.
    This inserts our next/prev buttons below the slideshow...

    Open: wp-content/plugins/nextgen-gallery/nggfunctions.php
    Find $out .= "\n".'</script>'; and just below it, paste the following code (before return $out;)...

    // custom code to insert next/previous buttons below nextgen gallery's default slideshow
    // to be used in conjunction with the nextgen gallery optimizer premium plugin
    $out .= '<style>.nggop_slideshow_nav {width:' . $width . 'px; text-align:center; background:#FFF;} .nggop_slideshow_nav_buttons {padding:10px 0 0 0; margin:0; border:none;}</style>';
    $out .= '<div class="nggop_slideshow_nav">';
    $out .= '<a href="#" id="nggop_prev"><img class="nggop_slideshow_nav_buttons" width="30" height="30" src="' . plugins_url('nextgen-gallery-optimizer-premium/fancybox/fancy_nav_left.png') . '" /></a>';
    $out .= '<a href="#" id="nggop_next"><img class="nggop_slideshow_nav_buttons" width="30" height="30" src="' . plugins_url('nextgen-gallery-optimizer-premium/fancybox/fancy_nav_right.png') . '" /></a>';
    $out .= '</div>';

    And there we have it! Attractive next/previous buttons below the default NextGEN Gallery slideshow :)

    I hope this helps!

    Cheers,
    Mark.

  5. djamilag
    Member
    Posted 1 year ago #

    Hi Mark,

    thanks for taking the time to figure out the buttons. They DO look really nice. I have a problem with the installation though and I've just asked a friend to give it a shot, but no dice...
    here is the problem we have: the buttons appear but I can't click to the next photo with them, it just kicks me up to the top of the post. also, when I turn off the (flash) nav bar in the nextgen gallery plug in, it also gets rid of the new nav buttons you created.
    any ideas what could cause/fix that?
    thanks again for your help with this!!!
    cheers,

    djamila

  6. Mark Jeldi
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Djamila,

    Thanks for trying it out. I'm glad you like the buttons!

    I've just had a look at your scripts, and it appears you've correctly made the change in Step 1, but on the wrong version of the file. NextGEN uses the minified version (compressed for faster downloads) in the same /js/ folder. You'll want the one with "min" in the filename...

    Step 1.
    This lets us connect a button to the "next" functionality, that by default is triggered when you click on the slideshow...

    Open: wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js
    Delete next:obj, (including the comma).

    The 3 step mod above is to add navigation for the default jQuery slideshow, as requested. The buttons should appear when the Flash-based Image Rotator is switched off, not the other way around...but see how you go with the above, it would be great to see it in action!.

    Cheers,
    Mark.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic