ganlanyuan / tiny-slider

Vanilla javascript slider for all purposes.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Is there any way to prevent rewind forever in tiny-slider?

sinaibnamin opened this issue · comments

Issue description: tiny-slider 2.9.2 , when I press the next button many times, after a certain loop it keeps rewind again. Although I used (rewind: false). Is there any way to prevent rewind forever?

Demo link/slider setting:
const slider = tns({
container: '.my-slider',
items: 1,
nav: false,
rewind:false,
autoplayButtonOutput: false,
speed: 600,
gutter: 10,
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true,
});

Tiny-slider version: 2.9.2
Browser name && version: Chrome
OS name && version: MAC OS

commented

Can confirm this is an issue.
For me, this doens't occur when navigating via the arrow keys, but does occur when navigating via mouse dragging.

Slider setting:

const gallerySlider = tns({
  container: '.gallery-slider .rows',
  items: 2,
  slideBy: 1,
  autoplay: true,
  autoplayButtonOutput: false,
  autoplayHoverPause: true,
  nav: false,
  controls: false,
  arrowKeys: true,
  mouseDrag: true,
  gutter: 10,
  responsive: {
    768: {
      items: 3,
    },
    1200: {
      items: 4,
    },
    1400: {
      items: 5,
    },
  },
});

Tiny-slider version: 2.9.2
Browser name && version: Chrome 96.0.4664.45 (Official Build) (64-bit)
OS name && version: Manjaro 21.2rc Qonos

same issue here. it an issue when using the arrow keys or control buttons for me.

Has something to do with the autoplayTimeout, if I set it to 2000 it never rewinds, if I set it to 1000 it does rewinds after the first loop.