WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Optimizer Premium not working with iPad

[Resolved] Optimizer Premium not working with iPad

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Mark Jeldi

    @mark-jeldi

    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.

    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

    Plugin Author Mark Jeldi

    @mark-jeldi

    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.

    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

    Plugin Author Mark Jeldi

    @mark-jeldi

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Optimizer Premium not working with iPad’ is closed to new replies.