Спасибо большое очень благодпрен
можете прокомментировать чтобы легче было разобраться в логике?
<script>
var picsNum = document.getElementById('slider').getElementsByTagName('img').length;
      var now = 0;
      var sliderOffset = [];
      for (var i = 0; i < picsNum; i++) sliderOffset.push(-i * 104 + 'px');
      console.table(sliderOffset);
      document.getElementById('left_arrow').onclick = function() {
        --now;
        if(now < 0) now = picsNum - 1;
        document.getElementById('slider').style.left = sliderOffset[now];
      }
      document.getElementById('right_arrow').onclick = function() {
        ++now;
        if(now > picsNum - 1) now = 0;
        document.getElementById('slider').style.left = sliderOffset[now];
      }
    </script>