Siema 作为指标

Question

我在我的网站上使用 Siema carousel Zepto。我希望能够指示用户当前在哪张幻灯片上。如果只有 onChange 事件可用，我该怎么做？

HTML

<section class="images">
   <img/>
   <img/>
</section>

<section class="indicators">
   <span class="active"></span>
   <span></span>
</section>

JS

$(document).ready(function() {
  new Siema({
    selector: '.images',
    onChange: () => {
      console.log("swiped");
      // change active indicator?
    },
  });
});

Answer 1

我想我可以提供帮助（我是 Siema 的作者）。

// extend a Siema class and add addDots() & updateDots() methods
const mySiemaWithDots = new SiemaWithDots({

  // on init trigger method created above
  onInit: function(){
    this.addDots();
    this.updateDots();
  },

  // on change trigger method created above
  onChange: function(){
    this.updateDots()
  },

});

https://codepen.io/pawelgrzybek/pen/boQQWy

祝你有愉快的一天

Siema 作为指标

Siema Ca indicator

javascript

zepto

siema