0

こんにちは、slides.js で構築されたスライダー イメージ ギャラリーがあります。スライダーはうまく機能しますが、スワイプ機能を実装する必要があります。それを得るために、私は Hammer.js でスワイプ コールバックを作成し、スライダーに強制的に画像を次または前の画像にスライドさせる関数を作成することを考えました。しかし、Slides.js にこのオプションがあるかどうかはわかりません。私がやりたいことは次のようなものです：

document.addEventListener("DOMContentLoaded", function() {
    var listItems = document.getElementsByTagName("body");
    var touchControl = new Hammer(listItems[0]);
    touchControl.on("panright", function(event) {
      // Here is what I'm not sure how to do it
      $("slider").slide
    }
});
4

1 に答える 1

0

さて、これは私がそれを機能させるために行ったことです

document.addEventListener("DOMContentLoaded", function() {
  var item = document.getElementsByClassName("flexslider");
  var touchControl = new Hammer(item[0]);
  touchControl.on("panright", function(event) {
    if (event.distance > 250) {
      $(".flexslider").flexslider("prev");
    }        
  });
});

document.addEventListener("DOMContentLoaded", function() {
  var item = document.getElementsByClassName("flexslider");
  var touchControl = new Hammer(item[0]);
  touchControl.on("panleft", function(event) {
    console.log(event.distance)
    if (event.distance > 250) {
      $(".flexslider").flexslider("next"); 
    }       
  });
});
于 2015-07-26T16:29:37.580 に答える