Carousel image loading issue – safari

Hi @cgreen177 do you have a optimization plugin (e.g. WP Rocket, WP Super Cache) installed on your site or maybe your hosting (e.g. Siteground Optimizer)? Can you please try disabling any Javascript setting on it? Thanks!

Hi @rochdesigns sorry I meant to add that info! No caching at all at the moment as I’m not at that stage of development yet (I usually use WP Fastest Cache) and nothing built into the hosting

Hi @cgreen177 thanks for that info. Can you please try adding an exact height for the slide like:

#metaslider_1316.flexslider .slides li {
	height: 145px;
}

Added that – no difference ??

Just to take this a bit further, and to 100% rule out any hosrting issues, I’ve spun up a free InstaWP account and imported the carousel to that. Same results on safari. Carousel is at the bottom of the page

https://pretty-wildebeest-2e77af.instawp.xyz/

Site is vanilla 2024 with only the metaslider plugin installed

Hi @cgreen177 can you please try disabling ‘Loop Carousel Continuously’ on Edit Slideshow page
To check if the images will show on Safari? Thanks!

Hi @rochdesigns all the images seem to load OK that way , although that’s not the behaviour we want (see Instawap site for a better representation – not sure what’s happening on the test site re size of images).

Hi @cgreen177

disable “Smooth height”.

Regards

@htmgarcia nope that doesn’t help – same behaviour seen on the InstaWP site

Is possible for you to share the slideshow settings as screenshot? You can use a service like https://imgbb.com/

Regards

Here you go: https://imgur.com/a/IBrC3Ih
If you give me an email address I could also add you to the InstaWP site

Thanks!

I tried to reproduce the same configuration in local with no luck using Safari in Mac.

If you preview the slideshow while editing by using the “preview” button, does work different?

Regards

Hi @htmgarcia I’ve logged into InstaWP on the mac and previewed it in both Brave and Safari – I see the same behaviour in Safari – images that start ‘out of view’ are only visible if I hover over them. No issues in preview with Brave.

I can send you the images and export files for the slider if that helps? Just let me know how you would like them

If possible export the slideshow and share it along with the images through a Google Drive link or similar: https://www.metaslider.com/docs/export-and-import-slideshows/

Regards

Here you go: https://we.tl/t-WlXi1EUE5b