Thumbnails leading to same Lightbox

Sounds perfect! Ideally, I’d want to have the ability to customize item order as well. Thanks.

Sounds great. Excited to see that in place.

@Nicknameddesign @kyleyoungblom - Hey guys, we just released the ability set a “Group ID” for each lightbox trigger, let us know if that’s what you were looking for :smiley:

1 Like

Sooo easy! I was thinking it couldn´t be so easy but it is. For me is what I was waiting for.
Many thanks.

Merely 12 hours from user request to production? Very very nice (:

You guys are awesome, can’t get much quicker than that!

1 Like

If anyone have any issues, let us know. Thanks for your patience. Cheerios !

LIghtbox is working great! Another question, do you anticipate allowing any customization to the lightbox in the future? More specifically, I’m looking to have the Lightbox have an opaque white background so you can’t see the page below instead of the black overlay.

Hey @Nicknameddesign we have plans to make the lightbox full customizable, but you’ll have to wait a bit longer for that. For now you can add this to your custom code:

<style>
    .w-lightbox-backdrop {
        background: rgba(255,255,255,1.0);
    }
</style>

And if you want to change the icons you can replace them like this (just copy paste the url for the image that you can host inside your webflow site.

<style>
    .w-lightbox-close {
        background-image: url(http://uploads.webflow.com/longstring1282/close-icon.svg);
    }
    
    .w-lightbox-left {
        background-image: url(http://uploads.webflow.com/longstring0984/arrow-left.svg);
    }
    
    .w-lightbox-right {
        background-image: url(http://uploads.webflow.com/longstring2325/arrow-right.svg);
    }
</style>

3 Likes

Thank you once again. Works great!

Studying this to see if it is easy to transition it to dynamic data/content, without writing a single line of code! Just hooking it to some {tag_itemID} in BC webapp. Hmm. Webflow is great. Am just expecting the awesome guys at Webflow to move it towards a designer-developer friendly workflow and webflow is on home-run!

1 Like

Another great feature would be the ability to turn off the lightbox when going down to mobile. When having a bunch of thumbnails, having a lightbox pop up gets in the way and there is no clear way how to back out of it.

1 Like

There is always a workaround for that. Design a simple thumb grid that you hide for all devices but mobile, then simply hide the lightbox elements for mobile.

Yup, that’s a good intermediate fix, but when it comes to updating, it’s double the work.

Hi, could you tell me how to add hover on lightbox like here http://help.webflow.com/lightbox-overview (the blue one with text)? Tnx.

Hi @111, here is a very simple example, you can open the site in preview mode:

https://webflow.com/design/example-lightbox-hover?preview=616cba98f7c2e4a21229943af0a3d860

and see how it works, and see the result here:

http://example-lightbox-hover.webflow.com/

I hope that helps, cheers!

Thank you, Cyberdave! That’s exactly what i wanted. And it’s realy wird that there is no way to do this easier right in Lightbox widget without any additional divs and Interactions. I hope it will be in future.

Hi @cyberdave, it’s a very nice effect, but i just can’t reproduce it.

Can you explain step by step?

I’ll keep trying but i’m definitely stuck… :wink:

2 posts were split to a new topic: Need help with Lightbox thumbnail image link does not open corresponding image