Question

我有一个溜冰者

<div class="gallery js-flickity">
  <div class="gallery-cell cc-selector">
    <input id="nero" type="radio" name="auricolare" value="nero" />
    <label class="drinkcard-cc nero" for="nero">
                                </label>
  </div>
  <div class="gallery-cell cc-selector">
    <input id="beige" type="radio" name="auricolare" value="beige" />
    <label class="drinkcard-cc beige" for="beige"></label>
  </div>
  <div class="gallery-cell cc-selector">
    <input id="grigio" type="radio" name="auricolare" value="grigio" />
    <label class="drinkcard-cc grigio" for="grigio"></label>
  </div>
</div>

我要在单击按钮时开始自动滑动。并在单击另一个按钮时将其停止。这将继续。有什么建议吗？有没有类似setAttribute（autoSlide）的方法？

Answer 1

在单击按钮时设置计数器，然后根据该计数器设置调用滑块。

  let Flag = true;
  $('button').click(function() {
    if (Flag) {
      sliderSeeting(Flag)
      Flag = false;
    } else {
      sliderSeeting(Flag)
      Flag  = true;
    }
  });

以及您的滑块功能：

function sliderSeeting(Flag) {
    jQuery('#slider').html('');
    jQuery('#slider').skdslider({
    delay:3000,
    animationSpeed: 500,
    showNextPrev:true   ,
    showPlayButton:true,
    showNav:false,
    autoSlide:Flag,
    animationType:'fading'
});
}

如何在单击按钮时使skslider自动滑动为真和假

1 个答案: