JS / swiper linear autoplay 물흐르듯 슬라이드 구현하기

물흐르듯이 스와이퍼를 구현하려면 CSS 를 수정해주면된다.

disableOnInteractiond옵션을 false로 해주면 스와이퍼를 잡고 움직여도 다시 물흐르듯 움직인다.

아니면 아예 터치안되도록 처리하는것도 괜찮을 것 같다.

  let sectionSwiper = new Swiper(".swiper-container.section_swiper", {
    slidesPerView: "auto",
    loop:true,
    observeParents:true,
    observe:true,
    autoplay: {
      delay: 0,
      disableOnInteraction: false
    },
    speed: 5000,
  });

.section2 .section_swiper > ul{
  align-items: center; /* 이건 빼도 된다. */
  -webkit-transition-timing-function:linear!important;
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important;
}