Streaming live at 10am (PST)

Interaction Slide

#1

Hi,
I am hoping for help here
I have an idea for a slider which shows for example album covers.
When each album cover is selected (clicked) a embed element will show which has a audio player to play that album…
I understand the concept of hiding/showing elements on click but for some reason cannot do this with Slides - obviously each audio player would need to be hidden/shown as required.

Can anyone provide a simple basic example on how a show/hide interaction could work with more than one slide? - or perhaps there is already a tutorial that will cover this?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

#2

Hello @PeteM

I saw your question in the Facebook group. You want a slide with album covers and when someone clicks on a cover a pop up to show with the audio player?

I will do something and show you here.

Piter :webflow_heart:

0 Likes

#3

Thanks Piter,
Yes that was my original idea - but I think it might be too much so now I just want the “audio player” (html embed) to show instead not necessarily as a popup

Pete

1 Like

#4

I’ve made something very quick > https://music-popup-slide.webflow.io/

The basic idea is here. Clone and explore here > https://webflow.com/website/Music-Popup-Slide

I’m using interaction 2 for the show and hide.

If you can’t understand from the read-only link feel free to reach out.

Piter :webflow_heart:

0 Likes

#5

That is fantastic!! - thanks Piter - I will have a look as soon as I can (at work) and let you know of any questions.

0 Likes