next-project Image grid & gallery

I've always liked how Tumblr handles multiple photos in its photosets. The image grid nicely features multiple images, while still being readable.

Tumblr photoset

Clicking on an image shows the image, but keeps you within the gallery. You can navigate to the next or previous image in this zoomed-in view.

Tumblr photoset gallery

How about a library that does this for any group of images.

scan

Features

Takes a list of images/thumbnails and displays them in a nice grid
The library will figure out the best layout, by You can customize how the grid is composed: how many images in each row. Or let the library figure out the best layout
lazyLoad
slidable gallery after image clicked

Add your +1 if you'd like to see Metafizzy release this image grid & gallery library.

Jan 22 '16 19:01 desandro

+1 YES

Jan 24 '16 05:01 amdad

+1

Jan 26 '16 15:01 iign

+1

Jan 26 '16 15:01 timbouchard

+1 (because clients would love this)

Jan 26 '16 15:01 PaulAdamDavis

+1

Jan 26 '16 15:01 touhonoob

+1

Can this be built into Isotope? I combined the Isotope masonry layout/filters with Photoswipe for this test project. It has similar functionality to the Tumblr layout / image gallery, but it was not easy to get the two libraries to play well together.

Jan 27 '16 01:01 jontejada

+1

Jan 27 '16 03:01 dbrabyn

+1

Jan 27 '16 17:01 ariroseonline

+1

Interestingly, this project does the grid layout part of what you're talking about here.

Jan 28 '16 13:01 nickcotton

+1

Jan 29 '16 14:01 alexcarpenter

i have this layout here: https://github.com/jonathanong/horizontal-grid-packing that uses this algorithm https://github.com/jayrbolton/linear-partitioning

people keep asking me to work on it, but i haven't used it in ages.

problem with a lot of the other versions is that they don't handle the last image correctly and they're usually bloated with stuff like jquery