Streaming live at 10am (PST)

Whats a good way to put in a gallary?


#1

So i'm a photo student who needs to build a website and I wanted to ask whats the best way to add a gallery. I figure u can do it with slider widget but I'm not sure if there and other way id like to hear it. let me know what i can do.


#2

Hello @Dan_Cannella, welcome to Webflow smiley

For create a nice gallery you can use not only slider, but a lightbox widget. You can add many images inside it, then it will be like album cover and media content inside. Or it can be only one image in every lightbox, but many lightboxes on the page connected to same group (option in settings), then all images will be visible on the page and inside, where is media content.

Just one note, if you are planning to use CMS and images will be dynamic content, then you will want to use custom made lightbox. Here you can find a tutorial how to do this: http://help.webflow.com/faq/how-to-make-a-custom-lightbox-with-webflow-interactions

Regards,
Anna


#3

Hi Sabanna

Just picking up on using custom lightbox with CMS, I'm having trouble.

I can create it perfectly on my image gallery Collection Template page, but have no way of linking to this page.

If I re-create the grid of gallery images on a new page and then pull in the dynamic content, I have no option to insert dynamic content in the larger pop-up image within thelightbox.

Any ideas? You can see the website at http://pvc-uk.webflow.io and the page is Our Work.

Thanks in advance :smile:


#4

Hello @JamesLondesborough.

Could you be more specific, why do you need links to page? From what I can see you create the gallery with lightboxes. With such structure you don't need any links. Only if you have template for every item (door, gate, etc...)

For some reason now this lightboxes keep closing by itself. Could you share read-only link to your project, so I could see structure and find out what the reason of this issue?

Guidelines how to share read-only link can be found here:

Regards,
Anna


#5

https://preview.webflow.com/preview/pvc-uk?preview=e71e6e287824ebd811f4437c557cecc9

Here is my preview link for access Sabanna. The Our Work page has all my dynamic images on, and I'm following the guide to create a custom lightbox so that when you click each one it pops open in a lightbox and dynamically shows the clicked image in the lightbox at full size.

However when I create the lightbox popup and add an image there is no option to use dynamic content, just the usual content library?

Thanks again


#6

You are right, for now generic lightbox widget will not work with dynamic content. But I know that team is working on it.

But I used custom made lightboxes on 2 of my sites, with CMS and it works like a charm.
I will check up your project and will be back with ideas :wink:


#7

Thanks Sabanna . That's exactly why I took the time to build a custom lightbox specifically to use the CMS, but still no luck! I must have missed something if you have made it work on 2 projects - I'm sure you'll spot it straight away like usual :smile:


#8

Re-create your preview link, please. Current link doesn't work :confused:

P.S. here is link to one of galleries. All content is dynamic. http://art-collection.webflow.io/gallery


#9

Grrr... try this one https://preview.webflow.com/preview/pvc-uk?preview=eddeb737b2ad9b0f49deee29616e021f

Cheers for the example, it's definitely possible then!


#10

Ok, here is screen-cast video how to create and use custom lightbox https://drive.google.com/file/d/0B-7cg8BSq1Z_dzRUblFfb3g0cnM/view?usp=drivesdk

Same way you can create galleries on all 3 albums(collections) templates. Also, you can add to modal-bgnd text block or header. For close lightbox I used just click on modal-bgnd, but you can add button, if you want, then close interaction will be applied to button and have to have "Affect different element" option.

Good luck and let me know if you will have more questions.

Anna


#11

Looks great - I'll work through it later on and let you know how I get on.

Thanks again sabanna for your amazing help!

James


#12

Always welcome :smiley: Hope everything will work for you!


#13

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.