Image not loading in lightbox any more in iPad 2 and older galaxy tablet

  • Resolved rnbutler87

    (@rnbutler87)


    4 years, 10 months ago

    Hi,

    I’ve been using the plugin for a few months now whilst building a website and it’s been great. It even worked on my old iPad 2 and old galaxy tablet (Galaxy Tab 3, I think) – which was a huge plus for using this plugin.

    However, I’ve recently updated the plugin and it still works fine on regular desktop browsers but has stopped working on the iPad 2 and tablet; it simply loads those images in a new tab rather than the lightbox.

    I’m afraid I can’t say which version I was using when it was working, other than I downloaded it and used it successfully in the middle of march this year (2020).

    I’ve been away from developing that part of the site but have come back to it today (after updating the plugin) and notice the lightbox no longer works on the iPad2 and older galaxy tab.

    Any guidance you can give would be greatly appreciated.

    Kind regards

    Richard

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author Arno Welzel

    (@awelzel)

    Starting with version 2.94 the plugin is not using jQuery any longer for the frontend script. This version was released in late April 2020.

    Before it was using jQuery to setup the event handlers uwhich open Photoswipe when clicking an image using $( document ).ready(). Now there is a vanilla JavaScript event listener for DOMContentLoaded and all the other code was also changed to use vanilla JavaScript instead of jQuery. According to https://caniuse.com/#search=DOMContentLoaded this should work any browser released within the last 9-12 years.

    Unfortunately I neither have an iPad2 nor an older Galaxy tab to test anything. However with all Android based browsers I tried so far, it works without any issues. Before we try any workarounds, can you please test my demo page, just to make sure it’s a reproducable issue and not just a side effect on your website:

    https://wordpress-demo.arnowelzel.de/lightbox-with-photoswipe/

    • This reply was modified 4 years, 10 months ago by Arno Welzel.
    Thread Starter rnbutler87

    (@rnbutler87)

    Hi,

    Thanks for the quick reply.

    I can confirm that testing your demo page from the iPad2 and Galaxy tablet results in the images being loaded in a new tab rather than a lightbox. However the demo works fine using a desktop browser such as Chrome or my iPhone 6s chrome.

    I can write a bit of javascript and I do find that I have to use bog standard ‘for’ loops (rather than ‘foreach’) to get vanilla code to work in these older tablets.

    If there is anything that can be done to get this working again I’d be super grateful for the help.

    Many thanks,

    Richard

    Plugin Author Arno Welzel

    (@awelzel)

    I can prepare a test version which tries to be as compatible as possible and will also add some messages in the frontend script to see, how far the script succeeds. It would help a lot if you can test that version on your side. Please get in touch via e-mail – my address can be found on my website: https://arnowelzel.de/en/about-me

    Thread Starter rnbutler87

    (@rnbutler87)

    Hi thats great thanks!

    I’ll email you now.

    Many thanks,

    Richard

    Plugin Author Arno Welzel

    (@awelzel)

    The next update will fix this issue. Thanks for your help with testing the beta version!

    Thread Starter rnbutler87

    (@rnbutler87)

    No problem, thank you for being willing to fix it!

    Plugin Author Arno Welzel

    (@awelzel)

    I just released version 3.0 which fixes this issue.

    Thread Starter rnbutler87

    (@rnbutler87)

    Brilliant, thank you.

    Hi guys,

    I’m glad I found this post.

    I’ve setup a website for a client: https://www.eileenhealyart.com and it works great in all places. I can navigate and swipe on Android

    But images won’t load at all on iPad (but in Safari) and Galaxy Note (with an older version of Chrome).

    I have added some code to stop the theme’s default action of loading a div in JS above the images. This allows me to achieve what I want in Desktop and Android and newer versions of Chrome.

    But iPad Air and Pro are not allowing the image to open for some reason. So I went over to BrowserStack.com’s “Dev Tools” and tested on iPad Air, and couldn’t find any problems with the theme under Console.

    Is there anything else that could be causing this problem?

    Thanks a million,
    Patrick

    Plugin Author Arno Welzel

    (@awelzel)

    Unfortunately I don’t have an iPad or Galaxy Note, so I can’t test or debug this myself.

    First of all check if my demo site works on these devices to be sure that there is no problem with the site itself:

    https://wordpress-demo.arnowelzel.de/lightbox-with-photoswipe/

    Besides that I found out is that there are a number of validation errors:

    https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.eileenhealyart.com%2F

    I’m not sure, if these are the root cause of the problem – but if possible this should be fixed as well.

    Okay, yes I tried your demo and it works great on iPad Air.

    Thanks for sending the validator link – I validated these errors on my client’s site, removing errors, but when I then tested it I still wasn’t able to get the images to show up on iPad Air.

    If there is anything else you can think of I’d be very grateful. I could email you the PHP file that generates the portfolio page?

    P

    Okay, I wrapped the link around the image just like in your demo, so all working now ??

    Just need to get images to show up in full on iPad now.

    Thanks for the help.

    Okay, it was my own issue, with the setup of the page.

    Thanks a bunch for showing the way.

    p

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Image not loading in lightbox any more in iPad 2 and older galaxy tablet’ is closed to new replies.