Support » Plugin: Photonic Gallery & Lightbox for Flickr, SmugMug, Google Photos & Others » Mobile swipe box freezes And other issues

  • Resolved generalnumpty

    (@generalnumpty)


    I already have many justified gallery’s on my site (not Photonic ones yet) and I have the “lightbox with Photoswipe” by Arno. Your “Swipebox bundled one looks identical.
    I have created my first Photonic masonary gallery and used your swipbox option but on mobile when I tap an image the swipebox opens and then freezes -no swipe and no buttons will work.

    The other thing I have seen is that when I open a photonic image on a PC the swipebox is working ok but as I already have “lightbox with Photoswipe” installed, that one also opens ontop of yours. I have tried different settings but can not find the right one or combo to disable the bundled one and just use the one I already have.
    I have tried “None” in the options which turns of both of them.

Viewing 6 replies - 16 through 21 (of 21 total)
  • generalnumpty

    (@generalnumpty)

    Thank you for your continued help. I am afraid that I am now getting out of my depth here now and do not feel confident to dive in too deep.
    A fix I have been able to do is stop my other lightbox plugin fron working on that page. Instead of trying to stop it via the settings in Photonic.

    I have deactivated the A3 lazy load to test. You say that there is lazy loading baked into your plugin, but I do not see it working and the whole page and gallery seems to load when i first land on the page.

    Plugin Author Sayontan

    (@sayontan)

    I am afraid that I am now getting out of my depth here now.
    A fix I have been able to do is stop my other lightbox plugin fron working on that page.

    So you didn’t put in the code change? But how is this very different from having PhotoSwipe from both plugins activated?

    You say that there is lazy loading baked into your plugin, but I do not see it working and the whole page and gallery seems to load when i first land on the page.

    When you load your page you see a “spinner” in the centre – that is Photonic’s Lazy Loading in action. Every image has to be fully fetched for Photonic to be able to render the galleries, because balancing the widths and heights of the columns / rows requires the true image sizes. If you have a different lazy loading plugin, it treats each photo in isolation and doesn’t account for the gallery as a whole. As a result it might appear that each photo is being lazy loaded, but then when it comes to rendering the gallery in totality, you might see the page displayed initially with one layout and then suddenly popping into place once the images have been downloaded. For Photonic, the plugin waits for your photos to first reach the browser, then displays them all in one shot by positioning them in their right places.

    generalnumpty

    (@generalnumpty)

    Every image has to be fully fetched for Photonic to be able to render the galleries, because balancing the widths and heights of the columns / rows requires the true image sizes. If you have a different lazy loading plugin, it treats each photo in isolation and doesn’t account for the gallery as a whole. As a result it might appear that each photo is being lazy loaded, but then when it comes to rendering the gallery in totality, you might see the page displayed initially with one layout and then suddenly popping into place once the images have been downloaded.

    Ah yes that is exactly what I have been seeing “dancing” thumbnails. Thank you for helping me understand.
    Now you mention it, I do indeed very briefly see a box with a lazy load spinner when I first land on the page I thought it was not working because I expected to see spinners on each thumbnail as the page is scrolled which is my understanding of the lazyload concept..

    So you didn’t put in the code change? But how is this very different from having PhotoSwipe from both plugins activated?

    Sorry I don’t quite understand the question – its my fault trying to do too many things at once. No I did not use the code. But instead found a way to stop the 3rd party plug operating on that page via some options on its settings.

    Plugin Author Sayontan

    (@sayontan)

    Now you mention it, I do indeed very briefly see a box with a lazy load spinner when I first land on the page I thought it was not working because I expected to see spinners on each thumbnail as the page is scrolled which is my understanding of the lazyload concept..

    Your understanding is correct: Lazy loading refers to the concept of loading only when an image is reached. But this aspect interferes with the core design of the layouts, wherein the layout is only intended to render once all images are loaded (it “waits for images”). So you essentially end up having two conflicting design paradigms – an image that will be rendered only when reached vs. a gallery that needs to be rendered before your page is displayed.

    Your plugin may be fine as far as lazy loading is concerned – I didn’t see any layout issues due to it. There are some other lazy-loading plugins that replace all images with a placeholder 1px transparent GIF, which causes the whole layout of Photonic go go wonky because Photonic assumes that all your thumbnails are 1px wide. Hence my comment about there being a conflict with lazy loading plugins.

    Sorry I don’t quite understand the question – its my fault trying to do too many things at once. No I did not use the code. But instead found a way to stop the 3rd party plug operating on that page via some options on its settings.

    So … do you require any further inputs from me at this point?

    generalnumpty

    (@generalnumpty)

    To explain further I have lots of foobox gallerys that after moving from http to https, flag up mixed content warnings, also do not load properly until a page refresh (they should be justified).
    Also I have another issue with using their lightbox (foobox) in that on a mobile phone the close X does not close the lighbox but instead opens the image that is sitting directly under the X unless you do a long press.
    I am getting nowhere with any help from foobox so decided to install a stand-alone lightbox. And a different gallery (yours) I set up a test page so that when I happy with everything I will swap out all my gallery’s.

    Then found myself in trouble as your gallery comes with a light box but I cannot get it to work with the foo gallerys, so need to keep the 3rd party lightbox for them until for the time being. But the final aim would be to just use photonic for everything.

    I think I was writing at same time as you posted-so this was not intended as a reply to your last post.

    generalnumpty

    (@generalnumpty)

    Thank you for your furtherer explanation on how the gallery is rendered.

    Your plugin may be fine as far as lazy loading is concerned – I didn’t see any layout issues due to it.

    One last thing if I re activate my lazy loading plug-in, is that going to slow down that page as they both fight each other, and it seems that my lazy plug in is overriding yours.
    I can live with the dancing thumbnails and will do some Page speed instghts to test.

    Thank you for your time (and patience ) its fantastic to find a plug in that is so well supported

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Mobile swipe box freezes And other issues’ is closed to new replies.