[BETEPAH]

var picsNum = document.getElementById('slider').getElementsByTagName('img').length; // считаем сколько картинок заложено в слайдер
      var now = 0; // первой будет выведена картинка с индексом 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]; // см. выше
      }