Hi everyone, I am having an issue with Header 77 and hoping someone can help me.
I love how the images scroll, but after the 30-second animation window ends, the two columns glitch a little bit as it resets back to the beginning. My client doesn’t like this and wants it to scroll continuously without interruption. Also, oddly, it does not show all of the images that are supposed to be scrolling across the screen. Would someone please be able to help me solve this?
Here is the link: https://preview.webflow.com/preview/alpenglow-counseling?utm_medium=preview_link&utm_s[…]g&preview=129b9c9f5112a8f3e7e793379620f823&workflow=preview and https://alpenglow-counseling.webflow.io/
Hey! The workaround for this is to have the exact same images in both header77_image-list divs. Here’s a video of how I solved it in your case. Note that at the beginning I deleted the second header77_image-list and duplicated the first one.
Also, you can fiddle with the move distance in the animation, the settings in the video work in this case but if you change the # of images, you may need to tinker with it as well.
Hope it’s clear enough! 🙂
Oh my gosh, thank you! This makes a lot of sense! I was able to do that.
I tried tinkering and am having some trouble adding back in more photos. Ideally, I’d like there to be 8 total photos (so, I know that means 8 within each image list). When I copy/pasted the image-wrappers within the image-lists, then duplicated the image-lists, then repeated for list-bottom, it made the list-top and list-bottom sit flush with one another and start resetting again. Could you please help walk me through that?
It’s not that much different from what I’ve previously wrote. You have to duplicate the first image list container, adjust the movement on the x axis and that’s basically it. I deleted the second image list container in the top row, duplicated the first one and set the x axis move to -50.3% and works like a charm.
Oh! Okay, I’m not sure how I was confused the first time, but I got it figured out. Thank you!!!!
