背景ズラして連続スプライト画像

sprite.js

  Index.flipImage = function() {
    var index  = 0;
    var column = 5;
    var fps    = 30;
    var length = 70;
    var width  = 150;
    var height = 150;

    (function render() {
      var x = - (index % column) * width;
      var y = - Math.floor(index / column) * height;
      $('.graph').css({backgroundPosition: x + 'px ' + y + 'px'});

      index++;
      if ( index < length ) {
        setTimeout(render, 1000 / fps);
      }
    })();
  };