Splidejs / splide

Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
https://splidejs.com
MIT License
4.86k stars 419 forks source link

direction changed is not woking while switching to the differ breakpoint #121

Closed smallma closed 4 years ago

smallma commented 4 years ago

I got an issue about directing change is not working while switching to difference breakpoint. Please see below setting. Thanks.

primarySplide = new Splide(mainGalleryClassChain, { type : 'fade', pagination : false, arrows : false, cover : true, }).mount();

thumbnailsSplide = new Splide(subGalleryClassChain, {
  direction: 'ttb',
  fixedWidth  : 80,
  width: 80,
  height: 520,
  perPage: 6,
  arrows: true,
  rewind      : true,
  isNavigation: true,
  gap         : 3,
  focus       : 'top',
  pagination  : false,
  cover       : true,
  breakpoints: {
    1279: {
      direction   : 'ltr',
      fixedWidth  : 100,
      fixedHeight : 76,
      width       : 300,
      height      : 76,
      perPage     : 5,
        perMove: 1,
      focus       : 'center'
    }
  }
}).mount();

primarySplide.sync(thumbnailsSplide).mount();
NaotoshiFujita commented 4 years ago

duplicate(#118)