search

malaman / react-image-zoom

React component for desktop browsers for image zoom on mouse hover
http://malaman.github.io/react-image-zoom/example/index.html
MIT License
188 stars 29 forks source link

position of zoomed lens required in props #13

Closed techquee closed 6 years ago

techquee commented 6 years ago

I want to display the zoomed image above the other elements. image

malaman commented 6 years ago

You could try to modify zoomStyle prop. with z-index (i.e. zoomStyle="opacity: 0.5;border: 1px solid black;zIndex:10;"

techquee commented 6 years ago

Thank you. Tried this-> const props = {width: 310, height: 200, zoomWidth: 500, scale: 1.5, zoomStyle: {zIndex:10}, offset:{ vertical:0,horizontal:10}};. The issue did not resolve.

malaman commented 6 years ago

Please post code snippet with the problem. I will look on the issue.

techquee commented 6 years ago

I tried the same earlier and again. No avail. If this is working on other people project, there might be some glitch with my code then.
I will try to solve this, if there is any some other solution please let me know :)