JavaScript - Как перетаскивать трехмерную перспективную карусель с помощью HammerJS - PullRequest
Новая
       66

JavaScript - Как перетаскивать трехмерную перспективную карусель с помощью HammerJS

0 голосов
/ 07 декабря 2018

Я создаю трехмерную перспективную карусель, следуя https://www.sitepoint.com/building-3d-rotating-carousel-css-javascript/

Теперь я создал карусель с событием смахивания с использованием HammerJS.Но я хочу сделать больше, перетаскивая его. 

const myCarousel = document.getElementById("my-carousel");
var hammerjs = new Hammer(myCarousel);

// Swipe
hammerjs.on('swipeleft swiperight', function(ev) {
  if (ev.velocityX > 0) {
    currImage++;
  } else {
    currImage--;
  }
  rotateCarousel(currImage)
});

// Pan
hammerjs.on('panmove panleft panright panend', function(ev) {
  console.log(ev);
});

https://jsfiddle.net/jaytecnical/5b7jkg06/

Теперь я немного знаю о вычислениях DeltaX, но не знаю, с чего начать.

Любая помощь?

...