Par programmation Clip/Réduire l'image à l'aide de Javascript

Sont là tous les documents/tutoriels sur la façon de clip ou de couper une grande image de sorte que l'utilisateur ne voit qu'une petite partie de cette image? Disons que l'image source est de 10 images de l'animation, mises bout-à-bout, de sorte qu'il est vraiment large. Que pouvais-je faire avec Javascript pour afficher seulement 1 arbitraire cadre de l'animation à un moment?

J'ai regardé dans cette "CSS Spriting" technique, mais je ne pense pas que je peux l'utiliser ici. La source de l'image est générée dynamiquement à partir du serveur; je ne sais pas la longueur totale, ou la taille de chaque image, jusqu'à ce qu'il revienne à partir du serveur. J'espère que je peux faire quelque chose comme:

var image = getElementByID('some-id');

image.src = pathToReallyLongImage;

//Any way to do this?!
image.width = cellWidth;
image.offset = cellWidth * imageNumber;

OriginalL'auteur Outlaw Programmer | 2009-01-26