One page image gallery with infinite horizontal scrolling

Hello folks,

As the title says, I’m trying to build a one page website with an image gallery with infinite horizontal scrolling. What I’m trying to achieve is quite similar to this tumblr’s experience, but quite simpler in terms of interaction.

I used this guide for building the horizontal scrolling, but needs manual tweaking the container’s width whenever you want to add a new image.

I could’t achieve asynchronous image loading in order to build +200 images in one page too.

If anyone can help me with this it will be great! :slight_smile:


Here you can find the webiste:
https://impresos-del-uruguay.webflow.io/

And here is the project in read-only view:
https://preview.webflow.com/preview/impresos-del-uruguay?utm_medium=preview_link&utm_source=dashboard&utm_content=impresos-del-uruguay&preview=7d1a47181a74ceac4a33e49af74b5a65&mode=preview

@sabanna Hi! Do you know if this is archivable with one of your sliders?

https://multicolumn-one-step-slider.webflow.io/

Hi, @jmlusiardo!
You can make something very close to the original example. You can make arrows areas bigger to cover the slides. One thing that will be not possible to do is making each slide a different width. For the workaround I provided, you need to keep each slide the same width. Although, images inside each slide might have different width, maybe that will work.