Question

I’m looking for some guidance on how I can recreated a this feature. what it does is when you click DO NOT PULL, scroll to an anchor button with a inimation. You can see it action here. http://photojojo.com/store/awesomeness/iphone-dot-pano-lens/

can anyone help me understand how that happens? The source code tells me nothing..

Regards

Answer 1

There are two ways – you can either make a complex animation in flash and export as a gif, or play the flash.

Then on your JS side of things you will set a timeout for say 2 seconds when that happens
$('html').scrollTop(600); // really that can be any number just a set position to scroll

so the full execution would be something like

$('btn').click(function(){
  $('#wrapper').append("<img src='myanimation.gif' id='ani'>");
  setTimeout(scrollDown,2000);
});

function scrollDown(){
  $('html').scrollTop(600);
  $('#ani').remove();
}