# Infinite image scrolling

**URL:** <https://forum.readymag.com/t/infinite-image-scrolling/5971>\
**Category:** General topics\
**Created:** [March 1, 2026, 5:50pm UTC](https://forum.readymag.com/t/infinite-image-scrolling/5971 "2026-03-01T17:50:51Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kitty\_Holland](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/kitty_holland/32/4135_2.png) [@Kitty\_Holland](https://forum.readymag.com/u/Kitty_Holland)\
**Post date:** [March 1, 2026, 5:50pm UTC](https://forum.readymag.com/t/infinite-image-scrolling/5971/1 "2026-03-01T17:50:51Z")

</div>

Hi guys, does anyone know how I can recreate the infinite scrolling images like in this example [here?](https://lucasmiralles.com/)

I have tried it and it keeps jumping when the animation loops, I have tried to fix this for hoursssss and I cannot get my head around it lol

---

<div class="post-metadata">

**Author:** ![Iyobo\_Okungbowa](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/iyobo_okungbowa/32/4138_2.png) [@Iyobo\_Okungbowa](https://forum.readymag.com/u/Iyobo_Okungbowa)\
**Post date:** [March 4, 2026, 2:37pm UTC](https://forum.readymag.com/t/infinite-image-scrolling/5971/2 "2026-03-04T14:37:46Z")

</div>

Here’s some info I found: Your horizontal scrolling images jump or restart visibly instead of looping smoothly because:

1, The animation distance doesn’t match the width of your image row.

or

2. Or each image was animated individually instead of the full strip.

Step-by-Step Fix: Step 1: Group Your First Set

Select all images in your first row.

Right-click, Group. This is now Set 1.

Step 2: Duplicate It

Duplicate Set 1. Move the duplicate directly beside it. Make sure there is zero space between them.

You now have: Set 1 | Set 2

Step 3: Create a Main Container

Select both Set 1 and Set 2.

Right-click, Group again.

This new group is your Main Container.

Step 4: Remove Old Animations

Make sure: Set 1 has NO animation. Set 2 has NO animation.

Only the Main Container should be animated.

Step 5: Find the Width of One Set

Click on Set 1 only. Look at its dimensions.

Note the width (the first number).

Example:2218 × 320Width = 2218

Step 6: Add the Correct Animation

Select the Main Container. Add a Move animation.

Set it to: 0 \> -[width of one set]

Example:0 \> -2218

Change easing to Linear.

Keep your the speed you want.

If you see a tiny flicker, zoom in and check for a 1px gap between sets.

Adjust the animation by 1 - 2px if needed.