Image grid & gallery - Githubissues

desandro commented 8 years ago

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.

amdad commented 8 years ago

+1 YES

iign commented 8 years ago

+1

timbouchard commented 8 years ago

+1

PaulAdamDavis commented 8 years ago

+1 (because clients would love this)

touhonoob commented 8 years ago

+1

jontejada commented 8 years ago

+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.

dbrabyn commented 8 years ago

+1

ariroseonline commented 8 years ago

+1

nickcotton commented 8 years ago

+1

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

alexcarpenter commented 8 years ago

+1

jonathanong commented 8 years ago

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

mokhniuk commented 8 years ago

+1

http://tinaantonenko.com/?locale=en — used Packery + Flickity.

tawd commented 8 years ago

+1

MichaelVanDenBerg commented 8 years ago

+1

seanislegend commented 8 years ago

+1

aymanrady commented 8 years ago

+1

GooBall commented 8 years ago

+1 Yes please!

manfromanotherland commented 8 years ago

+1 :dancer:

patrick-wc commented 8 years ago

+1

tienvooracht commented 8 years ago

+1

bradmurray commented 8 years ago

+1

dgobnto commented 8 years ago

+1

martinwolf commented 8 years ago

+1 Please!

rzschoch commented 8 years ago

yes, please +1

szon-slane commented 8 years ago

+1

kuschti commented 8 years ago

+1

Flipo commented 8 years ago

+1

derWebdesigner commented 8 years ago

+1

PaoloFalomo commented 8 years ago

+1

tobaco commented 8 years ago

+1

downFast commented 8 years ago

+1 with the additions of scset and currentSrc, cross browser

artjacob commented 8 years ago

+1

PFFP90 commented 8 years ago

+1

dcooney commented 8 years ago

+1

stephenbelyea commented 8 years ago

+1

jjimbo commented 8 years ago

+1

We just spent a month integrating a thumbnail gallery -> Flickity -> Fullscreen view (Photoswipe), and had to hammer hard to get embedded videos included. A single component for all this would be fantastic! Must handle images, video embeds, and pesky animated GIFs! And, of course, must be responsive.