The best way to animate an image sequence with skrollr(.jpg, .png)

[thisnameisunique]

Hi,

What would be the best way to animate an image sequence. As an example, you may have 3 image sequences; one at 1920x1080 another at 1280x720 and a third optimised for mobile, a sequence may play depending on the appropriate device detected etc...

If you wanted a sequences to play through the range as you scroll, how would you accomplish this using skrollr? Assuming the images are numbering in order: image.001 image.002. image.003. Is there an example or are you able to provide one?

Potentially something like this?
http://janpaepke.github.io/ScrollMagic/examples/expert/image_sequence.html

skrollr is awesome by the way :)

Best regards

[Prinzhorn]

People seem to use multiple elements and show/hide them. Like this (pseudo code)

<img src="image1.jpg" data-100="display:block;" data-199="display:none" />
<img src="image2.jpg" data-200="display:none;" data-300="display:block;" data-399="display:none" />
<img src="image3.jpg" data-400="display:none;" data-500="display:block;" />