Comprendre le mecanisme du diaporama

Bonjour,

Voilà je souhaitais créer un diaporama d'image en Jquery avec des effets ressemblant à ceci:
http://www.pixedelic.com/plugins/diapo/

Souhaitant partir de zero afin de faire mes propres effect et aussi car je ne souhaite pas faire de plagia, je souhaitais savoir un peut qu'elle est le mécanisme qui est utilisés pour faire ces effets avec les images (en 'loccurences le "découpage virtuel" des images pour faire les anims), si quelqu'un à une idée, elle est la bienvenu :)

P.S: Pour ma part j'ai déjà réussi à faire une animation du même style à l'aide des balises <canvas>, seul soucis c'est que le rendu n'est pas très fluide je trouve par rapport à ce qui est porposé au dessus. Et donc ici il s'avère que l'on ne passe pas par des <canvas> d'ou mon besoin de connaitre le mécanisme.

D'avance merci pour votre aide

ouep, la time line, pour que cela ne saccade pas.. bon sujet, je participe au cas ou..

http://gsgd.co.uk/sandbox/jquery/eas....easing.1.3.js

Merci pour ta réponse mais cela ne m'éclaire pas plus sur ma question, tout d'abord ton lien me renvoie vers une page blanche avec du code jquery et ensuite l'histoire de la timeline peut régler mon problème d'animation saccadé mais cela ne me dit pas comment la personne à réussi à "découper virtuellement" ses images pour pouvoir les animer et cela sans passé par une balise <canvas>.