Magnific-popup: Zoom effect like PhotoSwipe

[HartLarsson]

Is possible to have a zoom effect like PhotoSwipe has?
For example if an image is bigger then the screen resolution, at first click it zoom to fit the screen size , if is clicked again it will zoom to the original size.

a simple example is the pic demo of the lanscape here: http://photoswipe.com/
http://photoswipe.com/#&gid=1&pid=1

ty

[mjcampagna]

https://codepen.io/dimsemenov/pen/GAIkt

[mjcampagna]

https://codepen.io/dimsemenov/pen/GAIkt

[HartLarsson]

these are normal animation my question was different.

[mjcampagna]

If what you're looking for is a feature like Photoswipe's pinch-to-zoom, then it's not happening in Magnific Popup. You'll need to use Photoswipe for that.

[HartLarsson]

the pinch-to-zoom is too advanced, i was searching the zoom 2-click effect that photoswipe has in desktop version.
1) first click on thumbnail zoom the pic to fit the screen
2) second click on the pic brings the pic to 1:1 size activating scrolling bar

[mjcampagna]

Regardless of interface (whether touch or otherwise), there is no provision for content scaling in the magnific code. If you want to do something like that, then you would probably have to find some script specific to that purpose, then engage that script within an inline or iframe magnific popup. This would be similar to what Dmitri describes in his Smashing Magazine article on Magnific Popup when he talks about having swipe gesture support.

An alternative might be to use CSS3 scaling animation, with Javascript toggling a class for scaled/unscaled content. But that wouldn't allow you to pan or recenter the zoomed content.

[HartLarsson]

thank you so much.
i Will take alook to the code to see if there is space for that implementation

[mjcampagna]

Rather than modifying the Magnific Popup code, you'd probably do well to run the script separately, put your content into the popup as inline content, then use Magnific's callbacks to run the external script on launching the popup.