title: Animate images in HTML5 mobile app (PhoneGap) like Google Plus iPhone app when scrolling down?
body: <p>The Google Plus app on the iPhone app has this way of animating images when scrolling down the app. It's difficult to describe. The best way to understand the animation is to download the newest update then scroll through your stream.</p>
  
  <p>In a nutshell, it seems to load the images dynamically as you scroll, then apply some combination of animations (gradual show + scale) to make the image slowly fade into the screen. The animation only takes effect when displaying the image for the first time. In other words, when scrolling up and down, if the image has already appeared in the stream, the animation does not happen.</p>
  
  <p>What's the best way to simulate this animation on a mobile HTML5 app built for iOS devices, specifically contained in PhoneGap? Has anyone done this? The dynamic loading is probably the most interesting/challenging element of this animation because it's so smooth.</p>
  
  <p>Is the dynamic loading an illusion (i.e., do they actually pre-load all the images but animate them in upon scrolling)?</p>
  
  <p>Thanks!</p>