Basic usage

          $(function () {
            $(".basic-usage").imagesequence({
              src: 'img/anim_a/anim_a.jpg',
              width: 1280,
              height: 720,
              loop: true,
              autoplay: true
            });
          });
        

Rewind

          $(function () {
            $(".rewind").imagesequence({
              src: 'img/anim_a/anim_a.jpg',
              width: 1280,
              height: 720,
              rewind: true
            });
          });
        

Controls

          $(function () {
            var imagesequence = $(".controls").imagesequence({
              src: 'img/anim_a/anim_a.jpg',
              width: 1280,
              height: 720
            });
            $('.play').on('click', function(){
              imagesequence.play();
            });
            $('.pause').on('click', function(){
              imagesequence.pause();
            });
            $('.rewind-button').on('click', function(){
              imagesequence.rewind();
            });
          });
        

Sequence

          $(function () {
            var imagesequence = $(".controls").imagesequence({
              src: { 'img/anim_a/anim_a.jpg', 'img/anim_b/anim_b.jpg' },
              width: 1280,
              height: 720,
              sequence: true
            });
          });