Your Cart

Galleria Twelve fullscreen mode on iPhone not working

These forums are now closed to new replies / tickets.

Please open a support ticket from our new Support page.

Front Page Forums Problems Galleria Twelve fullscreen mode on iPhone not working

  • gravatar
    Marius Rustad
    December 12, 2014 at 5:18 am


    I’m working on a website and wanted to use Galleria again. I’ve
    set up a gallery and everything seems to be working more or less
    except for fullscreen mode on my iPhone (5s). I don’t have any
    other mobile units around to test if this is common on all.
    What happens is that it just sort of freezes. It doesn’t show any
    pictures or navigation, just the background color. I’m getting your
    demo to work on my iPhone though so it’s most likely something
    locally. Could you take a look?

    I’m not getting the alternate “small arrows” to show either.. if
    that function is still implemented. No biggie though.. just
    mentioning it..


    Marius Rustad
    December 18, 2014 at 2:38 pm

    I’d love some help with this..

    I can add that it seems that the slideshow is actually present,
    but hidden in a way… I base that on the fact that if I double tap
    the empty screen the fullscreen returns to normal galleria
    view/mode. Also, if I slide across the screen with my finger on the
    empty fullscreen display, when I then return to normal view I have
    actually managed to skip to next image. So, it seems like the
    fullscreen slideshow is there, but no images are showing and the
    interface is hidden.

    Any thoughts? I’d love some help with this as it’s the final
    piece of the puzzle which prevents me from going live with the

    Marius Rustad
    December 18, 2014 at 8:09 pm

    Okay, still talking to myself I see.. Well, I figured out that
    open fullscreen crashes with my body page fade in on ios devices.
    (Dunno about Android etc, but i have an iPhone and an iPad here
    that shows the same behaviour) I have body set to opacity: 0 and I
    fade in the content with this:

    body.delay(100).animate({opacity: 1}, 1000, 'easeInOutCirc');

    This is obviously creating some kind of conflict because when
    the fullscreen loads on an iDevice the content remains

    Any suggestions on how how to modify the code in order to
    prevent this from happening?

    Marius Rustad
    December 19, 2014 at 12:50 pm

    Ask yourself, and you will get the best answer. Fixed by
    dynamically assigning a class to the body element with attached
    fade script instead of directly tweaking the body tag. uses cookies to store information. You can read more about that in our Privacy Policy. I understand