I want to create a basic photo gallery. Tap on a photo to zoom, tap on the back button to reverse the photo zoom. I want it to act something like this: http://share.framerjs.com/10jhc0a8a5j0/ However, I rather just use something like .reverse(), which I've tried here: http://share.framerjs.com/43q6q5fnq00b/ I'm having scoping issues (I think?) and can't seem to call .reverse() on that thumbnail image. Any tips?

Adam Kopec

Posted Feb 06 - Read on Facebook

I want to create a basic photo gallery. Tap on a photo to zoom, tap on the back button to reverse the photo zoom.

I want it to act something like this:
http://share.framerjs.com/10jhc0a8a5j0/

However, I rather just use something like .reverse(), which I've tried here:
http://share.framerjs.com/43q6q5fnq00b/

I'm having scoping issues (I think?) and can't seem to call .reverse() on that thumbnail image. Any tips?

2 Comments

Matt Hackett

outAnimation is not accessible, since it's defined only in the scope of zoomInAnimationFunc. One approach: have zoomInAnimationFunc return the Animation and then bind the back button event: https://gist.github.com/mhkt/3c41c4f65c08c2abad8e

Adam Kopec

Matt Hackett OMG yes. You're a beautiful person! Thank ya!

Read the entire post on Facebook