Scroll with images glitches

Design help Layout & Design
1

Hello all. I have had this website deployed for one of my clients for a while. It’s not a major issue, but the image scroll on the home page glitches for some reason, and I don’t know why.

https://cameron-beatty-website.webflow.io/

When you first load the page, the images will glitch and jump around a bit. Their horizontal spacing will change, and they will pop on the screen. After about 4 images, it settles down, then the slideshow plays as expected.

Any ideas as to why it is doing this? Read only site link is below:

Read only site link: Webflow - Cameron Beatty Website

2

Hi there,

When images are set to lazy load, they may initially load with zero height, causing layout shifts and positioning issues as the page loads. To resolve this, you have two options:

  1. Change the image loading behavior to “Eager” in the image settings, which ensures images load immediately with the page. You can find this setting in the Image Settings panel.

  2. Place the images within fixed-height elements to maintain consistent spacing regardless of load state.

Both approaches are documented in our help center: Image Settings and Fixed Height Elements.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

1 Like