How can I build slider with both videos and imgges inside?

how can I build a slider that can both have images and videos inside it? I also would like to connect it with my cms collection. I have a cms collection for my case studies, in each case study I would like to have a slider with different images and videos ( one slider with both). How can I connect it to cms so that on each case study page slider pulls different images and videos connected to the specific case study? Do i need to create seperate collections for images and for videos and the connect them to case studies collection via multi reference? I’m confused how to do it and if it is even possible. Please help

1 Like

For the setup you’re describing, that’s probably the best way.

Your Case studies collection would have a multiref pointing to a Slides collection.
Your Slides collection would contain;

  • A video field for a video if you want it
  • An image field for an image if you want it
  • Probably text fields for additional content
  • Probably button link and text for a CTA, up to you

You’d setup that content, then create a collection list on your Case studies collection page.

Bind the list to your multiref field, and create the slide layouts how you want, using conditional visibility for image slides, video slides, etc.

Use Finsweet CMS Slider to bind that that collection list slide content into a Webflow slider.

I don’t get to which multirefrence field I would need to bind it to? Could you explain what collections I should create. Will different images and videos be dispalyed on each case study page ?

Also where I can set up conditional visibility and what fields to add to the collection element on the page?

Already covered in detail, you’ll want to reread my post above.

I’ve given you all of the details you need for the entire build, but it looks like you’re missing the fundamentals- here’s a good place to start. Webflow U has a lot of good video courses and exercises that will help you.