Image gallery component

[goyalkritika]

I have a requirement to create an image gallery component.

Here, there is no upper limit on the number of images. On click of '+3' tile, all images will come up and on click of any individual image, it opens up with a description attached to it.

How can I develop this? Is there any OOTB component that can be used here?

[Hemant_arora]

Use the OOTB teaser component

[Imran__Khan]

@goyalkritika Create custom component in place of overlaying OOTB component as your requirements are very specific to project and at the same time it will reduce code complexity.

Image is a atomic component to render image

Teaser is for to show image having call to action

OOTB component doesn't suits you project requirements.

[goyalkritika]

@Imran__Khan how to approach this requirement? Right now I've created a multifield component with file upload field for image and a textarea field for image description.

How to go about after this?

[Imran__Khan · Accepted solution]

Yes, it must be a multifield having image URL, title, description, call to action, etc. if required. On click of particular image, FE team have global or component popup to show required data.