search

AdamRisberg / react-image-magnifiers

A collection of responsive, image magnifying React components for mouse and touch.
MIT License
347 stars 60 forks source link

Need a way to attach preview to external div. #8

Closed ramisback closed 5 years ago

ramisback commented 5 years ago

I'm using side by side image preview and it's a boundation from the design that I cannot remove overflow hidden from the parent. Is there any way I can attach preview to external div by using it's id or something?

AdamRisberg commented 5 years ago

No, there is currently no way to render one of the views into an external div. Also, some internal styling (like the overflow hidden on the zoomed image’s parent div) cannot be overwritten because it is necessary for the component to function properly in its current state.

If you let me know exactly what you are trying to achieve, I can try to either come up with a solution for this component or even add a new component to the collection that handles it. For example, do you need the zoomed image to be larger or a different shape than the initial preview image? In a different location?

ramisback commented 5 years ago

@AdamRisberg Yes, I want to show zoom preview at a different location, let me know you an example of what I'm trying to achieve. kindly visit this link I'm just trying to implement the exact same functionality.

AdamRisberg commented 5 years ago

I'll look into it and see if I can come up with a way to support this functionality.

AdamRisberg commented 5 years ago

As of version 1.2.0, I added three new components for creating a magnifier with a custom layout. They allow you to have separate components for the preview and zoom views that you can size, position, and style however you want. Check the README for more info.