JavaScript image gallery for mobile and desktop.

• Documentation and getting started guide.
• Demo and plugin home page.

Optionally, install via Bower: bower install photoswipe.

• Generated popup JS, CSS files, SVG & PNG sprites are in the dist/ folder.
• Source files are in the src/ folder.
• Files for the website (examples & documentation) are in the website/ folder.
• The documentation page itself is in website/documentation.md.

• Koken CMS plugin.

Wrote a plugin for some CMS? Email me and I’ll post a link to it here.

To compile PhotoSwipe by yourself, first make sure that you have Node.js, Grunt.js, Ruby and Jekyll installed, then:

1. Clone the repository

   git clone https://github.com/dimsemenov/PhotoSwipe.git

2. Go inside the PhotoSwipe folder that you fetched and install Node dependencies

   cd PhotoSwipe && npm install

3. Now simply run grunt to generate the JS and CSS files in the dist folder and the site in the _site/ folder.

   grunt

Optionally:

• Run grunt watch to automatically rebuild files when you change files in src/ or in website/.
• If you don’t have and don’t want to install Jekyll, run grunt nosite to just build the JS and CSS files related to popup in dist/.

If you’ve used PhotoSwipe in some interesting way, or on the site of a popular brand, I’d be very grateful if you shoot me a link to it.

Script is licensed under MIT license with one exception: Do not create a public WordPress plugin based on it, as I will develop it. If you need to use it for a public WordPress plugin right now, please ask me by email first. Thanks!

Attribution is not required, but much appreciated, especially if you’re making a product for developers.

The script was created by Code Computerlove, a digital agency in Manchester. In March 2014, it passed on development to Dmitry Semenov.