Detect when user is panning past the bounds of the zoom container

[sgrund14]

Hello!

How would you recommend detecting when an image is zoomed in and the user pans all the way to the bounds of the zoom container?

I'm using this in a carousel, and trying to achieve this effect:

• When zoomed on an image, and the user pans to the right/left to the very edge of the container
• Once the edge is hit, if you continue to drag in the direction of the edge, it navigates to the next image in the carousel
• If you navigate in the opposite direction, it allows the drag as normal

Seems like this would require:

• Knowing when you are at the edge of a zoom container
• Being able to prevent drag in a certain direction and defer it to the wrapping carousel

Any pointers appreciated!

Thanks