How to recreate Jetsetter's iOS teaser photo & photo viewer slideshow transition?
===

One of the more impressive iOS app that I've come across is Jetsetter's due to its great design, incredible interface, and creative uses of animation.  One of my favorite components of the app is the teaser photo interface they have for the hotels/venues.  They provide a minimized photo slideshow, but if you want the full view you can click it and it expands to expose a larger version of the image.  You can see a blurry video of this in action [here][1].

I'm interested in recreating something similar.  I'm well aware of the paged galleries like [MHPagingScrollview][2] (which is how the larger photo viewer functions), yet what I'm trying to figure out is the proper way to handle the transition.  I've also seen libraries that handle the [Ken Burns effect][3] for images.  However what is not clear is whether or not there are separate view controllers.

Is this a transition between two separate view controllers?  Or would the minimized and maximized photo viewer be part of the same controller?  How would you most efficiently replicate something similar?  I've embedded a screen shot below to illustrate the before and after.  The [video linked above][1] however most effectively illustrates this transition.  

![enter image description here][4]


  [1]: https://vimeo.com/46502302
  [2]: http://www.cocoacontrols.com/platforms/ios/controls/mhpagingscrollview
  [3]: http://en.wikipedia.org/wiki/Ken_Burns_effect
  [4]: http://i.stack.imgur.com/Lb35Q.jpg