Add a more custom options to the image

[anjitpariyar]

I see the height and width options are available. but I find it hard to add more details, like object-fit, and the original size of the image. and if I add it with CSS, transition broke down

[akhmadullin]

Hi.

width and height props of Item component are responsible for informing PhotoSwipe about original size of the image, that will be opened in gallery.

Our lib is a React wrapper around PhotoSwipe.

PhotoSwipe does not provide API to set object-fit value to image opened in gallery, so we can not implement this feature in our lib.

As a possible solution, you can

1. create image component with all CSS properties, that you need
2. use it as custom slide content instead of setting src prop to Item component

But in this case there will be no zoom transition during opening gallery after user's click on thumbnail.