How to make an image animation effect like Apple.com?

Here is t开发者_JS百科he demo:

http://www.apple.com/ipad/smart-cover/

The Apple smart-cover demo can drag and showcase how the smart-cover works. How does Apple do that? What is the idea behind? Thank you.

They are using lots of JPG files. For example:

http://movies.apple.com/media/us/ipad/2011/spin/smart_cover_sequence_20110302/ipad_unfold-053.jpg

http://movies.apple.com/media/us/ipad/2011/spin/smart_cover_sequence_20110302/ipad_unfold-054.jpg

...

They are 35-40 kByte each.

It can be Done with jQuery. I went ahead and did it on jsfiddle and used the images from apple.

Check working example at http://jsfiddle.net/ynKnS/7/

Here is the Jquery script that produces this effect, it's called Reel

http://jquery.vostrel.cz/reel