滑动并单击到下一张幻灯片

Question

flickity，是否可以在同一张幻灯片上同时出现两种行为？

滑动（默认和更好的四触摸屏）
单击下一张幻灯片（桌面版更好）

我试过类似的东西：

var carouselCells = Array.from(document.querySelectorAll('.carousel-cell'))
  carouselCells.forEach(function(e) {
  e.addEventListener('click', function() {
    flckty.next();
  })
})

这里是fiddle：https://jsfiddle.net/francoisromain/fum7Lrac/

点击工作正常，但问题是滑动向前移动了两张幻灯片。

Answer 1

在标准点击上使用 Flickity 的 staticClick 事件，因为点击是在拖动过程中触发的。

flkty.on( 'staticClick', function() {
  flkty.next()
})

来自：https://github.com/metafizzy/flickity/issues/486#issuecomment-258686221

滑动并单击到下一张幻灯片

swipe and click to next slide

user-experience

flickity