I was wondering if I could get some advice for how to create a slider within a card, similar to an Airbnb listing.

The behavior that I’m looking to emulate is how the entire listing card is clickable and will take you to the listing page, but when you click on just the slider control arrow it instead cycles through the listing images and does not trigger the link to take you to the listing page.

You can see what I’m talking about by visiting Airbnb.

I’ll also try to explain it with screenshots here –

Everything within the red box is clickable and will take you to the listing page Airbnb Screenshot

But when you click on the slider control, it does not trigger the link and instead cycles through images directly within the card. Airbnb Screenshot

Any help would be greatly appreciated!