metafizzy / metafizzy/next-project

Image grid & gallery

Open
#6 46 comments 18 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
16
Forks
1
PR merge metrics
No merged PRs in 30d

Description

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](https://cloud.githubusercontent.com/assets/85566/12520579/6375e166-c113-11e5-8717-e4d3e443e19e.jpg)

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](https://cloud.githubusercontent.com/assets/85566/12520604/816fe644-c113-11e5-9e82-c8eb80116381.jpg)

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

![scan](https://cloud.githubusercontent.com/assets/85566/12520620/94c18afe-c113-11e5-881e-398499ac2ebf.jpg)
### 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.

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue names no files, tests, or entry points; begin by reviewing the requested image-grid, lazy-loading, and slidable-gallery features and the linked examples. Done would require a defined library design that accepts image or thumbnail lists, chooses or supports grid layouts, lazy-loads images, and provides gallery navigation.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.