carousel images flicker in Safari
-
Hello, I am seeing an issue with the carousel on Safari 14.0.2.
Sometimes (but not every time) when the carousel moves to the next/previous image there is slight flicker. This doesn't happen in other browsers. The site is https://justinpiperger.com and the carousel is on the home page.
I made a recording of it here: https://share.getcloudapp.com/4gu1bmPQ
Have tested on another Mac and the issue is also present.
Thanks.
-
hey @sooe
maybe that issue does not happen if you disable the slides looping.
I think if you edit a carousel in the gridder, there is a checkbox "Loop" and you could try to uncheck it and see if that's better.of course i'll need to take a closer look and fix this
-
@arminunruh I have the same problem with flickering images in carousel on safari - do you have a solution for this? Have the latest update and tried the disable looping but none worked!
-
Dear @ivarlantz
Sorry for delay:
Could you please post a link to your website with the Carousel Flicker in question?Best wishes :)
Richard -
Hey everybody
So as far as I know this should really only happen if loop mode is on.
Sure @ivarlantz ,
can you send your website address and a link to this topic to info@laytheme.com? -
@arminunruh @Richard
Hey! Did you get the login and look at the problem? -
-
-
hey
i believe this is caused by the "loop" feature being turned on
please turn it off and also disable the feature "lazyload images" in lay options -> carousel addon -
Hello @Richard @arminunruh !
Is there any update on this? I'm also having this issue on a website for a client of mine. (https://miragefilms.be/) Only in safari.
I tried disabling the loop function and the lazyload feature but that didn't help so I re-enabled them.
I see that @sooe is also still having this issue on https://justinpiperger.com/ .Thank you!
-
Dear @neirynckwout
Thanks for the update.
I was unable to recreate the Bug on Safari for https://justinpiperger.com/ & https://miragefilms.be/( no issue on chrome either)
Am i mis-understanding something? Also trying to recreate the Bug on my test site doesn't produce Flicker https://rickei3.dreamhosters.com/project-a/
Please confirm:
Flicker still occurs with Lazyload disabled and Loop Disabled ?
Wordpress, Lay Theme & Laytheme's Addons are all up to date ?
Any custom CSS or JS that may interfere is temporarily removed.
Any third-party plugins are de-activated to see if this resolves the issue.
Does testing in an Incognito window produce a different result?
If you are still experiencing issue let me know! 🌝
Best wishes
Richard
-
-
well the carousels have loop activated, so it will flicker on safari unfortunately
that is a bug with the carousel library that i use in the background "swiper" itself, i cant do much here.
you can use the fading carousel instead, that one doesnt flicker
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it