I am trying to build a gallery for a new project using Masonry component and I need that when visitors click an image it show like in a lightbox and visitors can switch images with a cursor, keyboard arrows or swipe like fx on mobile.
One of my bigger problem is that on mobiles the masonry show all images one after the other and this is not ideal.
As a example I used FlexiLayout Masonry gallery extension for this project: https://www.betonsw.com/realisations.html
I need the gallery to behave like that but cannot find a way to do so with Wappler Masonry and I don’t find a Gallery component, or am I missing something?.
(Note: There is a nice fading ex when swittching image that would cool too.)
Another thing: Flexilayout Mansory Gallery automaticly create smaller images size for small screens (640px):
This a a huge time saver as you only need to add normal size images and the extension take care of the reste
I cannot find that either in Wappler, or is there some feature that I missed?
In fact I used other 3rd party Gallery extensions for DW and they all have that feature.
Hello, your link doesn't load, but you can create your masonry grid with anchor images and attach the lightbox to them (to anchor images) check the lightbox docs.
Not sure what do you mean by:
But masonry component is responsive and you can adjust the layout per different screen sizes...
Thank you Teodor, ok I will try that.
But a real gallery component would be lot better, I am surpised that Wappler don’t have a Gallery component while on the DMX ZONE site there is a gallery extension for DW? It there any plan to integrate it in some future as that is a very commun and usefull feature?
Well, you can achieve the same using a masonry layout with anchor images + lightbox added to the anchor images. No additional component or “gallery” is needed for this.
Yes I already used the Masonry component on my page and it work ok I will try adding anchor images + lightbox.
But may I suggest something? It would be very useful that masonry have some resize feature to create as possible with the dmx gallery extension:
The masonry component can show any content inside like divs with content, text etc. it’s not only images.
And usually you are using it with dynamic content, where the resize is not really usable.
OK it work just fine! Thank you
The only downside for me is that I have around 60 images to add so having to select the thambnail (Anchor) image and normal image for each is a litlte time consuming…
create a page to upload the images with the dropzone component and add names to a database. and when you upload the images you can resize and make multiple thumb_ or large_ images. then on your gallery page load that data dynamically.
then you can add as many images as you want in one motion.
