Uploading and viewing multiple images is currently a very big hassle. This disincentivises photographers who wish to post photo albums without creating enormously long posts. It also disincentivises anyone who wishes to upload multiple pictures.
This post, for example, would be viewed more comfortably if album/gallery/carousel UI elements were enabled and allowed on most Steem UIs like Steempeak, Busy, Steemit, Partiko, eSteem, etc.
The gallery view should be standardized. Having a different gallery for each UI will make it hard for publishers to know what their code will look like on the viewers screen.
Proposed Code
<gallery>
<img src="https://i.imgur.com/HPYDfNi.jpg alt="That time I went to Colombia">
![]()
https://i.imgur.com/HPYDfNi.jpg alt="That time I went to Singapour">
<img src="https://i.imgur.com/HPYDfNi.jpg alt="That time I went to South Korea">
![]()
https://i.imgur.com/HPYDfNi.jpg alt="The food I ate yesterday">
<img src="https://i.imgur.com/HPYDfNi.jpg alt="My broken shoes that I sent to fix last week">
</gallery>
Gallery UI Examples
Masonry Horizontal
Masonry Vertical
Masonry Horizontal - No Margin
Elevated Carousel - With Previews
Card Carousel
Mono-Height Carousel
Minimalistic Sliding Carousel
When Open: Big Photo - Small Previews
Clearly Higlighting Which Photo Is Open
Light-hearted big-small UI
If enough interest is shown, I can either take CSS, HTML and JS proposals or we can make some code proposals both for Vuejs and raw HTML so that this feature launch can be swiftly implemented by most major Steem UIs.
In the comments, please debate:
- Do you like/agree with this proposal?
- Do you disagree with a part of what I said or showed?
- What changes would you make to the proposal?
- Would you propose a design I didn't show in my examples?
To coders who are interested:
- Please make HTML, CSS and JS proposals to the teams of each major UI.
- If you post them in this comments section, I will personally help promote your proposals.
- We can make pull requests if their projects are open source. Otherwise we must reach them personally.