Need Help Creating a Custom Lightbox + Slider Combo

Design help General
1

Hey everyone :wave:,

I’m in the process of building my ux design portfolio website. And one of the things that I’m trying to create is a custom lightbox + slider component in Webflow. I originally was building my website in the Bubble io platform but have decided to re-build my website in Webflow. I attached a very short YouTube video explaining and showing what I’m trying to accomplish.

Need Help Creating a Custom Lightbox + Slider Combo

If anyone can help me create this in Webflow, please let me know, and thanks.

Best :+1:,

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

2

@monterje can you share live link of your website

3

I’m not really comfortable sharing a live link. But if you would like to show me how to create this custom lightbox slider in this forum via text post or maybe a video, I definitely would be available to learn.

4

hi @Moheen no one will give you exact solution or build this special combo slider for you. But if you will search internet with right keywords you will come across this combo on CodePen that combine SwiperJS and PhotoSwipeJS. It can be for you good starting point how to create this combo slider. But I believe that out there is more examples to learn from :wink:

5

You could also search the WF showcases for starting ideas:

Slider:
https://webflow.com/websites/popular#stq=slider&stp=1

Lightboxes:
https://webflow.com/websites/popular#stq=lightbox&stp=1

6

@RDaneelOliwav thanks for links. I actually found this one customer image gallery from this link https://webflow.com/website/Custom-Image-Gallery-Slider-Lightbox-CMS. This is definitely more aligned to what I’m looking for but I’m not sure how to create this.

7

Hi @Monterje while your issue is solved feel free to close your request.