<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
  $(window).load(function(){
    var timer_count = 0; // タイマーのカウント
    var position = 0; // 座標位置の値
    setTimeout(countUp, 100);

    function countUp() {
      timer_count = timer_count + 1;
      position = position + 2;
      if (timer_count % 2 == 0) {
        // タイマーカウントが偶数のときは画像1
        $("#image").attr("src", "muri_walk_1.png");
      } else if (timer_count % 2 == 1) {
        // タイマーカウントが偶数のときは画像2
        $("#image").attr("src", "muri_walk_2.png");
      }
      $("#image").css("padding-left", position + "px"); // imageの座標位置のスタイルを動的に変更
      setTimeout(countUp, 100);
    }
  });
</script>
<body style="background-color:black;">
  <img id="image" src="muri_walk_1.png" style="width: 128px; padding-left: 0px;">
</body>