Infinite Marquee
Hi,
Tank you for the infinite marque template! The easiest way I got it worked how I wanted to!
Unfortunately I have browser issues on Safari. I have 8 images the last three arent loading and I get up with rectangles with a withe stroke instead of the images. I will attach a screenshot, where only one image is not displayed- because sometimes 3 images are not displaying and sometimes only 1, like in this case. I have checked the images - they have kb and are in a webp format which the safari browser should be able to interpret.
I have one speciality: I am using an outer div where the width is set to 45%.
For a better understanding, here is my read only link: https://preview.webflow.com/preview/ag-cf?utm_medium=preview_link&utm_source=designer&utm_content=ag-cf&preview=6118c80f445f0af95cbeca5a4ec6cd24&workflow=preview
Here is a link to the live site: https://ag-cf.webflow.io
Here is the link to the tutorial: https://www.youtube.com/watch?v=ZMCNin2VjxU&ab_channel=WebBae
YouTube
Web Bae
You Can't Find a Better Infinite Marquee
Any help is very appreciated!
Web Bae
YouTube
You Can't Find a Better Infinite Marquee
I scoured the internet for infinite marquees and this one has to be the best. With just HTML and CSS (no interactions or JS), it's easy to implement too!
// CLONE IT
👯♀️ https://webflow.grsm.io/cloneable-is-bae?sub1=wb-infinite-marquee
// FREE STUFF
💪 My ULTIMATE Webflow Resource Library: https://code-snippets-sign-up.webflow.io
// SUPPORT...
![No description](https://cdn.answeroverflow.com/1138453341010137158/Bildschirmfoto_2023-08-08_um_14.45.52.png)
6 Replies
@jakobvarenbud change the image loading settings to eager
![No description](https://cdn.answeroverflow.com/1138635171587969165/Xnapper-2023-08-08-17.49.12.png)
mentioned this in the video comments and wish I had gone over it in the video!
Webflow default is to lazy load images but Sfari doesn't know that they will be animating in in this case so we need to force them to load.
works perfectly - big thank you!
since i added two more logos, the animation has a little glitch after one row went through. do you know what the problem could be here?
the glitch only appears on safari and firefox. i also added some vendor attributes to the code but somehow the little flicker is still there.
Just loaded it up in Safari and didn't see anything major... A little skip probably due to browser sync or something but no major jumping. Did you manage to get it sorted out?
Yes is just a little skip. Nothing really major. Maybe I am too perfectionistic here 🥲 I did not find a way to fix it. When I finds omething I let you know!