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: 3 months 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 (almost 14 years ago)
• Default Branch: master
• Last Pushed: 2024-04-10T11:49:53.000Z (9 months ago)
• Last Synced: 2024-04-14T07:11:09.551Z (9 months ago)
• Topics: gallery, image, javascript, lightbox
• Language: JavaScript
• Homepage: http://photoswipe.com
• Size: 29.2 MB
• Stars: 23,736
• Watchers: 540
• Forks: 3,322
• Open Issues: 610
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-images - PhotoSwipe
• awesome - dimsemenov/PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent (JavaScript)
• awesome - dimsemenov/PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent (JavaScript)
• awesome-github-star - PhotoSwipe
• stars - dimsemenov/PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent (JavaScript)
• awesome-hackathon - PhotoSwipe
• awesome-javascript - PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent - ★ 17482 (Sliders)
• made-in-ukraine - PhotoSwipe
• awesome-star-libs - dimsemenov / PhotoSwipe
• awesome-frontend-libraries - photoswipe
• awesome-starred - dimsemenov/PhotoSwipe - JavaScript image gallery for mobile and desktop, modular, framework independent (javascript)
• StarryDivineSky - dimsemenov/PhotoSwipe

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/).