HammerJS Slider Part 2

hammerjs-slider-2.js

var sliderEl = document.querySelector('.slider'); // NEW: our element
var slideCount = 3; // NEW: the total # of slides
var sliderManager = new Hammer.Manager(sliderEl);
sliderManager.add(new Hammer.Pan({ threshold: 0, pointers: 0 }) );
sliderManager.on('pan', function(e) {
  var percentage = 100 / slideCount * e.deltaX / window.innerWidth; // NEW: our % calc
  sliderEl.style.transform = 'translateX(' + percentage + '%)'; // NEW: our CSS transform
});