Building a CMS-powered parallax image gallery in Webflow
HTML-код
- Опубликовано: 19 июл 2023
- [ Get the cloneable ]
webflow.com/made-in-webflow/w...
[ Check out part 1 ]
• Creating a CMS-powered...
After asking around on Twitter, a lot of people seem to struggle a bit with creating CMS-powered (basic) custom sliders in Webflow. So I'm making two videos on how to do so. In this first one, we'll cover a very basic setup for a looping team slider, with custom buttons. Tomorrow I'll post a video on a slightly more advanced but very cool image gallery with a parallax effect.
[ Links 👇 ]
Swiper: swiperjs.com/
Codesandbox: codesandbox.io/
How I record my screen: www.screen.studio/
[ Do you speak Dutch? 🇳🇱 🇧🇪 ]
Join the largest and most vibrant no-code community!
www.nocodecommunity.nl/
[ My socials ✌️ ]
Twitter: / iljavaneck
Instagram: / by.ilja
Awwwards: www.awwwards.com/ilja-van-eck/
Webflow profile: webflow.com/@iljavaneck Хобби
Brilliant tutorial! Would love to see more of these. Great work.
Love how you make it so simple ✨
Thanks, Ilja! This tutorial was really helpful.
Keep going love your inspiring content 🔥🔥
Love it!
Keep it on 🔥🔥🔥🔥
You are a gem, amazing presenting style and super valuable informatino
We need more tutorials..Thank you So Much! You Are Great
thx for this tutorial, really useful :)
Nice content!
soo inspiring
🔥🔥🔥🔥🔥🔥
You shouldn't have skipped forward, at the start of this video. Oh we did this in the last video, just do the tutorial from the start to finish. Think of them as unique individual tutorials and start afresh. People don't want to be skipping back into other previous videos, when learning. It's making life difficult on them, which equates to a bad user experience. Other than that great work!
Man i really like your work, i want to learn some css coding just enough to help me with webflow can u suggest any youtube chanel where i can learn from scratch
Thank you so much - Great tutorial!
Do you know if the loop setting is only problematic if you dont use The Cms Collection? My slider keeps jumping at a certain point..
Using or not using the CMS shouldn’t make a difference. A common issue with loop mode is not having enough slides. I believe you need at least double the amount of slides per view in your list.
For example; if you have slidesPerView set to 3, you need at least 6 slides in your list.
can't see the CODE!
Please if i am not using CMS, can you in points answer what i have to do diferently ? Thank you very much :)))
Instead of building it from a collection list, just use regular divs but with the same class names I give the Collection list wrapper, list and items. And then just copy a bunch of your static divs for every slide!