[virgoprima]

Помогите, пожалуйста, девочке с js. Учусь делать слайдер, в котором при прокрутке изображений частично видны предыдущее и последующее изображения. Размер моих фото 640х480px. Не знаю, как изменить код, чтобы первый снимок смещался на 640px, а последующие на 680px. Помогите!

var width = 640; // ширина изображения
    var count = 1; // количество изображений

    var slider = document.getElementById('slider');
    var list = slider.querySelector('ul');
    var listElems = slider.querySelectorAll('li');

    var position =0; // текущий сдвиг влево
    
    
    

    slider.querySelector('.prev').onclick = function() {
      // сдвиг влево
     
      
          
      position = Math.min(position + width * count, 0)//Возвращает наименьший из списка аргументов
      list.style.marginLeft = position + 'px';}
      
     

    slider.querySelector('.next').onclick = function() {
      // сдвиг вправо
      
      
   
      position = Math.max(position - width * count, -width * (listElems.length - count));//Возвращает наибольший из списка аргументов
      list.style.marginLeft = position + 'px';
     
      
    };