willnguyen1312 / zoom-image

A little yet powerful framework agnostic headless library to zoom images on the web

Home Page:https://willnguyen1312.github.io/zoom-image/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Make zoom on hover work with dynamic images πŸš€

willnguyen1312 opened this issue Β· comments

Describe the bug

As of now, the library only supports images with dimensions which are proportional to the image container's. We would like to support dynamic images like Amazon product detail page πŸ’ž

Reproduction

https://stackblitz.com/edit/willnguyen1312-zoom-image-magrlu?file=src%2FApp.tsx

Used Package Manager

npm

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is available

One more thing to remember in this: whenever someone hovers in the certain area at the right of main image where zoomed image appears usually, the hover will trigger automatically even if it should not. This issue is already on the provided stackblitz sandbox. please check it for once. To be honest, this is only one react-zoom library that is actively maintained and provides zoom on hover. So I will wait till this project becomes properly usable.