docs/click-and-tap-actions.md
List of options:
imageClickAction - click on image with mouse.tapAction - tap on PhotoSwipe viewport content (excluding buttons).doubleTapAction - double tap on anything. Tap delay is removed if this option is set to false.bgClickAction - click on area around image (background), with mouse.'zoom' - zooms current image (depending on secondary zoom level) (default doubleTapAction).'zoom-or-close' - image will be closed if it can not be zoomed (default imageClickAction).'toggle-controls' - toggle visibility of controls (default tapAction).'next' - move to the next slide'close' - close the galleryimageClickAction: (releasePoint, e) => {}
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const options = {
gallery:'#gallery--click-to-next',
children:'a',
imageClickAction: 'next',
tapAction: 'next',
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
};
const lightbox = new PhotoSwipeLightbox(options);
lightbox.init();
import PhotoSwipeLightbox from '/photoswipe/photoswipe-lightbox.esm.js';
const options = {
gallery:'#gallery--click-to-close',
children:'a',
initialZoomLevel: 'fill',
secondaryZoomLevel: 'fit',
imageClickAction: 'close',
tapAction: 'close',
// tap delay is removed if set to false
doubleTapAction: false,
pswpModule: () => import('/photoswipe/photoswipe.esm.js')
};
const lightbox = new PhotoSwipeLightbox(options);
lightbox.init();
/* override zoom cursor */
.pswp__img {
cursor: pointer !important;
}