Javascript 滑动转盘拖动事件

我正在制作一个视差平滑的旋转木马。我想知道在拖动过程中如何激活视差。我认为当你点击箭头时，它会在幻灯片中激活

---

您需要应用自己的dragstart或拖动事件。这很简单，基本原理是这样的

// Event to initiate drag, include touchstart events
$('.data').on('mousedown', function(e){

 // Drag start logic
 // ...

 // Event to end drag, may want to include touchend events
 $(this).one('mouseup', function(e){

  $(this).off('mousemove');
  // Drag stop logic
  // ...

 }).on('mousemove', function(e){

  // Logic for dragging, can get mouse position
  // will probably want to throttle
  // possibly include touchmove events also
  console.log(e.pageX);

 });

});

---

你能提供一个JSFIDLE for itsure的东西吗，用JSFIDLE更新——检查控制台。logI的意思是它没有与滑动旋转木马集成来控制视差，来测试一下。它不包括在单步动画中设置背景图像的动画吗？我已经对它进行了调整-这正确吗-它的动画方向正确吗-我们如何改进代码以切换到递增或递减？同时锁定图像，使其不会一直浮过其边缘将是好的，并重置看不见的图像，以便获得视差继续有影响这里有一个新的JSFIDLE，具有适当的拖动属性。

// Event to initiate drag, include touchstart events
$('.data').on('mousedown', function(e){

 // Drag start logic
 // ...

 // Event to end drag, may want to include touchend events
 $(this).one('mouseup', function(e){

  $(this).off('mousemove');
  // Drag stop logic
  // ...

 }).on('mousemove', function(e){

  // Logic for dragging, can get mouse position
  // will probably want to throttle
  // possibly include touchmove events also
  console.log(e.pageX);

 });

});