https://github.com/metadream/plain-gallery

https://github.com/metadream/plain-gallery

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/metadream/plain-gallery
• Owner: metadream
• Created: 2024-10-18T14:02:27.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-24T13:44:21.000Z (3 months ago)
• Last Synced: 2024-10-25T07:03:39.798Z (3 months ago)
• Language: JavaScript
• Size: 45.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Plain Gallery

Lightweight and independent javascript image gallery component.

Before developing this component, I had been

using [photoswipe](https://github.com/dimsemenov/PhotoSwipe), which is a awesome image preview

lightbox, but it has a few uncomfortable little problems. First, sliding left and right cannot

transition smoothly; second, when the next original image is not loaded, it is displayed blank and

no thumbnail is used as a placeholder; third, because there are too many features to consider, the

component is too large and a bit complicated to use.

There will inevitably be bugs or performance issues in the project, and interested developers are

welcome to contribute to the improvements, thanks in advance.

## Demo

https://metadream.github.io/plain-gallery/plain-gallery.html

## Features

- Lightweight and independent (only about 10K after minified)

- Support smooth opening, closing and sliding

- Support click to zoom, scroll wheel to zoom

- Support natural transition between thumbnails and original images

- Support dragging within the visible boundaries

- Support simple event listening

- Support adaptive viewport

- Support custom toolbar

- Support gallery grouping

- ~Support swipe left and right, pinch to zoom on mobile~