Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

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

Powered by Tightknit
General
General

Request for Help: Slider Image Interaction for Header 102

Avatar of AlexAlex
·

hey y'all, would love your expertise on this! i really like header 102 but wish the left column could be another image that slides (to the left) which corresponds to the existing slider image on the right. does anyone know the interactions to this? appreciate it!

13 comments

  • Avatar of Matt J.
    Matt J.
    ·

    Alex I am not too sure how this would look or work to be honest. It could be a fun experiment though I suppose...I could have a play with it later this week and let you know.

  • Avatar of Alex
    Alex
    ·

    Matt J. Thanks! This idea has been done before - I actually saw it in the example of this header https://www.unmade.com/#optimise, they've used header 102 for their hero but if you scroll down the page you'll see the version I was talking about. I tried using Inspect Element to see what's going on but I didn't know what I was looking at 😅

  • Avatar of Matt J.
    Matt J.
    ·

    Alex ah got it! With this context it does make some sense why you might want to do this, interesting.

    🙌1
  • Avatar of Matt J.
    Matt J.
    ·

    Alex in your example - the slides move together but in your description you made it sound like they would slide independently - which one are you after?

  • Avatar of Alex
    Alex
    ·

    ah my apologies - id like them to move together!

  • Avatar of Matt J.
    Matt J.
    ·

    oh perfect, you just made this like 100x easier! I will record a video soon on this walking you through how to execute on it exactly.

  • Avatar of Alex
    Alex
    ·

    cheers man, excited to learn this!

  • Avatar of Matt J.
    Matt J.
    ·

    Alex here you go! read-only https://preview.webflow.com/preview/header-102-customizations?utm_medium=preview_link&[…]s&preview=713cc877350769af698cdbc7852de855&workflow=preview Loom https://www.loom.com/share/1af27dd189f84503935846ecdc16607b?sid=9ed767e7-d7b6-49d0-92c5-f045a136fbb9 Let me know if you have any questions!

  • Avatar of Alex
    Alex
    ·

    heya just got the time to go through your video - really appreciate the help with the layout and the finsweet mirror idea, cool to know that such a thing exists!

  • Avatar of Matt J.
    Matt J.
    ·

    for sure

  • Avatar of noon
    noon
    ·

    hey there, i'm also trying to finesse 102. really just trying to change the dot colors. thanks for the video, if nothing else, it was helpful to know how out of my depth i am lol

  • Avatar of Nick M.
    Nick M.
    ·

    Dot colors are harder to change than they should be haha but it’s a Webflow/custom code thing, not Relume — try this Finsweet solution: https://finsweet.com/attributes/custom-slider-dots

  • Avatar of Nick M.
    Nick M.
    ·

    noon

    🙏1