Initial iOS image display

designiskey's Avatar

designiskey

31 Mar, 2018 09:29 PM

Hi,
I'm using Royalslider paired with NextGen and everything is up to date. I recently noticed galleries we're not loading on iOS tablets and mobile. After multiple tests I found activating lazy and the issue resolved.

However, when the galleries first load, the first image within each gallery is not resizing to fit within the slider.
• Rotate the device and force a refresh, the first slide resizes.
• Scroll through several slides and go back to the beginning, the the first slide displays as expected.

Your input would is greatly appreciated
https://www.nieshomes.com

  1. Support Staff 1 Posted by Dmitry Semenov on 01 Apr, 2018 08:57 AM

    Dmitry Semenov's Avatar

    Hello,

    Try updating the plugin, there was an update yesterday that fixed dragging issue. http://dimsemenov.com/plugins/royal-slider/wp-update/

    Dmitry

  2. 2 Posted by designiskey on 01 Apr, 2018 09:26 PM

    designiskey's Avatar

    Yes sir. That did the trick. How timely.

    Thank you for the response.

  3. 3 Posted by designiskey on 20 Jun, 2019 08:25 PM

    designiskey's Avatar

    Hey Dmitry,

    Looks like this issue has resurfaced. Our plugins are up to date but again, on initial load the photos are larger than the bounding container. Please take a look at our gallery section and let me know what you think.

    Thank you

  4. Support Staff 4 Posted by Dmitry Semenov on 21 Jun, 2019 04:22 AM

    Dmitry Semenov's Avatar

    Please elaborate on what exactly device & iOS version are you getting the issue, as I'm unable to reproduce.

  5. 5 Posted by designiskey on 27 Jun, 2019 08:06 PM

    designiskey's Avatar

    iPhone 7, iOS 12.2
    iPhone X, iOS 12.3.1
    latest iPad Pro, iOS 12.9

  6. Support Staff 6 Posted by Dmitry Semenov on 28 Jun, 2019 05:35 AM

    Dmitry Semenov's Avatar

    I don't see anything special on my test devices, with the same iOS version, on the page that you linked ( https://www.nieshomes.com) . Can you elaborate more regarding what exactly is wrong? Do you expect the gallery to appear only after the images are loaded?

    Try increasing Slides to preload option in Misc section to at least 1.

  7. 7 Posted by designiskey on 28 Jun, 2019 04:29 PM

    designiskey's Avatar

    Attached images (nies1a, nies1b, nies1c) relate to URL https://www.nieshomes.com/portfolio-home/?gid=108

    Attached images (nies2a, nies2b, nies2c) relate to URL
    https://www.nieshomes.com/portfolio-home/?gid=35

    Attached image (screen shot 2019-06-28) shows current "Slides to preload" setting.

    On previously identified devices:
    1. the initial load of the first image does not scale the image to fit within the containing element. (nies1a or nies2a)
    2. When the device is rotated 90 degrees to landscape the image then scales to fit within the containing element. (nies1b or nies2b)
    3. Then, rotating 90 degrees back to portrait will scale the image to the containing element. (nies1c or nies2c)

  8. Support Staff 8 Posted by Dmitry Semenov on 28 Jun, 2019 06:11 PM

    Dmitry Semenov's Avatar

    I managed to reproduce on https://www.nieshomes.com/portfolio-home/?gid=108 , I was checking just your homepage previously.

    It seems there is some kind of third-party script that modifies image after it is loaded. Have you installed or updated some new plugin or theme recently? Try to temporarily deactivate other plugins and switch to the default theme, especially those that might lazy-load or "optimize" pages.

  9. 9 Posted by designiskey on 05 Jul, 2019 06:04 PM

    designiskey's Avatar

    Hey Dmitry,

    I'm awaiting client feedback, but with your input I believe I may have resolved the issue. I believe the display issue was a result of an optimization setting in Cloudflare, a cache hosting service.

    Could you please revisit the gallery page and check the display on your devices? You may have to refresh the page after it loads. I'll report back once I get a response from my client.

    Thank you

  10. Support Staff 10 Posted by Dmitry Semenov on 06 Jul, 2019 09:54 AM

    Dmitry Semenov's Avatar

    Seems to work now, on my side.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac