https://github.com/dimsemenov/photoswipe

JavaScript image gallery for mobile and desktop, modular, framework independent
https://github.com/dimsemenov/photoswipe

gallery image javascript lightbox

Last synced: 1 day ago
JSON representation

JavaScript image gallery for mobile and desktop, modular, framework independent

• Host: GitHub
• URL: https://github.com/dimsemenov/photoswipe
• Owner: dimsemenov
• License: mit
• Created: 2011-04-07T05:46:29.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2024-07-18T14:37:14.000Z (6 months ago)
• Last Synced: 2024-12-23T10:14:16.182Z (8 days ago)
• Topics: gallery, image, javascript, lightbox
• Language: JavaScript
• Homepage: http://photoswipe.com
• Size: 29.1 MB
• Stars: 24,317
• Watchers: 538
• Forks: 3,307
• Open Issues: 627
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• annals-of-awesome - Resource - Simple, effective, polished image gallery with touch support and gestures. (Nice) (Web Development / General)

README

        
[![Stand With Ukraine](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner-direct.svg)](https://savelife.in.ua/en/)

PhotoSwipe v5 — JavaScript image gallery and lightbox

**[Demo](https://photoswipe.com)** | **[Documentation](https://photoswipe.com/getting-started/)**

[![Sponsor via OpenCollective](https://img.shields.io/opencollective/all/photoswipe?label=Sponsor%20via%20OpenCollective)](https://opencollective.com/photoswipe)

[![Follow on Twitter](https://img.shields.io/twitter/follow/photoswipe?style=social)](https://twitter.com/intent/user?screen_name=photoswipe)

### Repo structure

- `dist/` - main JS and CSS

- `src/` - source JS and CSS.

  - `src/js/photoswipe.js` - entry for PhotoSwipe Core.

  - `src/js/lightbox/lightbox.js` - entry for PhotoSwipe Lightbox.

- `docs/` - documentation markdown files.

- `demo-docs-website/` - website with documentation, demos and manual tests.

- `build/` - rollup build config.

To build JS and CSS in `dist/` directory, run `npm run build`.

To run the demo website and automatically rebuild files during development, run `npm install` in `demo-docs-website/` and `npm run watch` in the root directory.

### Older versions

Documentation for the old version (v4) can be found [here](https://photoswipe.com/v4-docs/getting-started.html) and [the code for 4.1.3 is here](https://github.com/dimsemenov/PhotoSwipe/tree/v4.1.3).

---

This project is tested with [BrowserStack](https://www.browserstack.com/).