search

francoischalifour / medium-zoom

🔎🖼 A JavaScript library for zooming images like Medium
https://medium-zoom.francoischalifour.com
MIT License
3.64k stars 165 forks source link

Images with modified sizes are zoomed in with wrong proportions #143

Open tomrndom opened 5 years ago

tomrndom commented 5 years ago

Bug description

I was working on a gallery that has images in the same row that occupy the 100% of the screen. These images are inside a flex container, and had a data-zoom-src with the full size picture, but when it's zoomed in, the pictures are shown with weird proportions.

Expected behavior

Images should be zoomed in with the proportions of the data-zoom-src image provided.

Reproducible example

Link to the bug reproduction

damirkotoric commented 4 years ago

I find that the following helps:

.medium-zoom-image--opened { object-fit: contain; }