ObjectPosition plugin for PhotoSwipe
ObjectPosition — is a PhotoSwipe
plugin that improves object-position
property handling when cropped thumbnails
are used.
You don't need this plugin if you don't use object-position
for your cropped
thumbnails.
- Fixes thumbnail jumping animation while opening/closing lightbox.
- Make sure that the initially zoomed image will show the same region of the image as we saw in cropped thumbnail.
Download the photoswipe-object-position.js
file and put it to your assets folder.
Alternatively, you may install the plugin via NPM:
npm i @vovayatsyuk/photoswipe-object-position
import PhotoSwipeLightbox from '/assets/photoswipe/dist/photoswipe-lightbox.esm.js';
import ObjectPosition from '/assets/photoswipe-object-position.js';
const lightbox = new PhotoSwipeLightbox({
gallery: '#my-gallery',
children: 'a',
pswpModule: () => import('/assets/photoswipe/dist/photoswipe.esm.js')
});
new ObjectPosition(lightbox);
lightbox.init();