- Documentation and getting started guide.
- Demo and script home page.
npm install photoswipe.
bower install photoswipe.
yarn add photoswipe.
Extras merged into this fork
suppressing incorrect mousedown in case of firefox android where PointerEvent not enabled by default
Fix #1608: Overlapped Div Gets Clicked When Closing Pswp From UI Toolbar
Fix the problem which out var is always "InEnd"
Fix missing type="button" in doc
buttontags to avoid form submitting
Adding HTML code between elements (This could close: #1380)
When the image loaded error,it should not set image size
Fix #1390: 'TypeError Cannot read property 'updateScrollOffset' of null'
deletes double rule and merges selector
Ensure correct image aspect ratio
it may be more logic if the class
pswp__caption__centeralign the text to center instead of left
using parseInt() to be sure the _currentItemIndex is interpreted as an integer and the increment and decrements are numbers and not string
- dimsemenov/PhotoSwipe#1497 Add Yarn install
Fix example: Added msrc to get the thumbnail to animate
Init from DOM – click handler defers to Anchor elements
Automatically detect image width and height after loading
- Partially dimsemenov/PhotoSwipe#1687
Change markdown processor to kramdown.
Fixing right click bug and removing minified dist files for now.
Indefinite article is added for dummy captions
Fix closing when thumbnail bounds are unknown
Fix screen zooming on touch devices when share option selected.
[UI] Added Download Button
[UI] Tap/click show next image if non zoomable
Remove html contents more gracefully
define root in strict mode for browsers
- Partially dimsemenov/PhotoSwipe#1455
- delay unbind of scroll listener until close animation finish
Fix from dimsemenov#1492 comment, Fixes dimsemenov#1492
added new option to toggle off swiping. update options in docs
Fixed: When Clicking Close Button, Overlapped Div Gets Clicked Also!
Select text in the caption area via mouse without triggering a swipe
Uses result from addCaptionHTMLFn() to decide whether there's a caption
docs: Fix simple typo, untill -> until
fix firefox mouseup event not working properly
Location of files
- Compiled PhotoSwipe JS and CSS files, SVG and PNG sprites are in the dist/ folder.
- Source files (.JS and .SCSS) are in the src/ folder. Note that PhotoSwipe uses Autoprefixer when compiling SASS files.
- Demo website is in the website/ folder.
- Documentation markdown files are in website/documentation/.
Plugins / extensions / addons
- Ruby gem.
- Ember.js addons: ember-photoswipe, ember-cli-photoswipe.
- Eager app.
- Koken CMS plugin.
- Orchard CMS module.
- Yellow CMS plugin.
- Kirby CMS plugin.
- Drupal CMF module.
- ProcessWire CMS module.
- SPIP CMS module.
- Fork CMS MediaLibrary widget.
Coded something useful? Email me and I’ll post a link to it here.
Clone the repository
git clone https://github.com/andi34/PhotoSwipe.git
Go inside the PhotoSwipe folder that you fetched and install Node dependencies
cd PhotoSwipe && npm install
If you make changes to files inside the
srcfolder, make sure code style matches the project defaults
Generate the JS and CSS files in the
distfolder and the site in the
Check files inside
distfolder for lint errors
grunt watchto automatically rebuild files (JS, CSS, demo website and documentation) when you change files in
grunt nositeto build just JS and CSS files (output is folder
grunt pswpbuildto build just JS files. Param
--pswp-excludeallows to exclude modules, for example
grunt pswpbuild --pswp-exclude=historywill exclude history module.
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.
PhotoSwipe 4.0+ is developed by Dmitry Semenov. But initially script was created in 2011 by Code Computerlove, a digital agency in Manchester, they passed on development in March 2014. You can view source and documentation of old PhotoSwipe (<4.0) in history of this repo.