Hello all. Anyone have a recommendation for elegant image gallery solutions?
In particular, I’m interested in a mosaic tiler that can lay out a group of images with different aspect ratios in an irregular grid. I used to build on squarespace and this is one thing that they solved very well.
Overall, I had a hard time finding plugins that offer a more robust interface for controlling image display. There was one from zeroqode, and one from somebody else. I purchased a zeroqode plugin for another problem I was solving, and I’m not interested in trying another solution from zeroqode. I’m not opposed to hiring someone to write something in javascript or html or css, or another language, and I have a pretty reliable developer on call.
But, I also figured people must be coming up with some solid solutions with the native Bubble tools, so I figured I would ask to see what yall are doing. Anyone have a useful solution you’d like to share?
The native bubble solution that I know of is to have several repeating groups, each set to one column each. In each repeating group there should be one group which houses all the elements for a cell. That group should not be visible by default, and collapsed when not visible. Add a condition to that group that says When current cell’s index ← modulo → n is 1, this group is visible, where n is the number of columns displayed at that page width. Then, on each repeating group, the data source should be Do a search for: items from #a, where a is the column number of the repeating group.
Now, if you want it to be responsive, you have to add a bunch of conditionals to each group and repeating group saying When page width < x, this element is visible. It’s not the cleanest solution but it can work.
Were you able to find a javascript / html / css solution? I’ve seen a handful of people mention that javascript has a masonry library for a mosaic / cascading layout, but I haven’t tried to implement it.
I have read your response a few times, and it’s bringing in a lot of concepts that I’m not familiar with. Thank you!
I’m gonna have to do some reading about the modulo and revisit this. I’ve been swamped building out other features to keep the business side moving, and really looking forward to getting back to this and trying out your suggestions.
Also curious to know if this has been solved. It’s a visual feature that’s common enough on websites that I would be surprised if someone hasn’t figured it out.
