Swiper.js slidesPerGroup 슬라이드 여러장씩 이동시키기

2023. 2. 3. 18:46·NOTE

슬라이드 5장씩 이동하게 해달라는 요청사항을 받아서!
Swiper.js api를 찾아보던 중 역시나!!! 그에 관련된 옵션 발견 (역시 없을리 없지..!)

 

아래 옵션만 넣어주면 된다.

{
	slidesPerGroup: 5,
}

 

1장씩 이동 할 때 

5장씩 이동 할 때

 

'NOTE' 카테고리의 다른 글

react-helmet  (0) 2023.02.25
기존 CRA프로젝트에 typescript 템플릿 추가하기  (0) 2023.02.22
Array.prototype.filter(), Array.prototype.find()의 차이  (0) 2023.02.16
a태그 이미지 다운로드 구현  (0) 2022.03.20
:not 선택자는 익스 지원하지 않는다.  (0) 2021.09.29
'NOTE' 카테고리의 다른 글
  • 기존 CRA프로젝트에 typescript 템플릿 추가하기
  • Array.prototype.filter(), Array.prototype.find()의 차이
  • a태그 이미지 다운로드 구현
  • :not 선택자는 익스 지원하지 않는다.
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • 분류 전체보기 (74)
      • TECH (23)
      • NOTE (40)
      • DAILY (7)
      • javascript (1)
      • 알고리즘 (0)
  • 블로그 메뉴

    • 홈
    • TECH
    • NOTE
    • DAILY
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    배열요소순서
    React
    커머스프로젝트
    git배포
    redux
    함수와 메서드차이
    slidesPerGroup
    theme-provider
    react state management
    reduxtoolkit
    JavaScript
    global-style
    타입스크립트
    styled-components
    call signatures
    TypeScript
    Array.sort()
    d.ts
    reat-head
    웹브라우저구성
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
ssund
Swiper.js slidesPerGroup 슬라이드 여러장씩 이동시키기
상단으로

티스토리툴바