Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

Help Needed: Design a Custom Image Slider for Client Project

Avatar of KorbiKorbi
·

Hello everyone, I don't know if this is the right channel, but: I am looking for support with the realisation of a customer project. Specifically, I need help with the design of a slider element in which only images are to be displayed. I think that the solution is probably totally simple, but somehow I have a mistake in my thinking. :D The slider element is to be implemented using the Relume Framework and the native slider element from Webflow, also with the navigators and I need the solution by next Sunday at the latest. The slider should be designed as follows: 3 image elements are to be visible across the width of the screen, with each image element representing a slide element and only the image element in the centre is to be visible in full and the other two images only half or the rest of the other two images (next to the central image element) are to overflow, i.e. run beyond the width of the screen. Can anyone help me with the design? Visually, the whole thing should look something like this:

3 comments

  • Avatar of Matt J.
    Matt J.
    ·

    Korbi I would say all of the results that showed up here are pretty solid. https://www.youtube.com/results?search_query=webflow+native+slider There are a few more advanced ways to go about sliders - for those I would search Timothy Ricks specifically. And lastly, for more customized control over a slider, or to populate using the CMS, one way is to use the Finsweet CMS Slider or using a library like SplideJS or SwiperJS.

    🙌1
  • Avatar of Korbi
    Korbi
    ·

    Thank you! I managed it by integrating a “slick” slider 😉 It works perfectly. I will check out your suggestions!

  • Avatar of Matt J.
    Matt J.
    ·

    yep, slick slider is another good one, glad you were able to get it done!

    🔥1