테스트 사이트 - 개발 중인 베타 버전입니다

swiper slide 질문입니다. 채택완료

주사쟝 3년 전 조회 1,687

http://jshboss2.cafe24.com/r_coding_kmc/

 

이렇게 첫번째 슬라이드가 엑티브 되게 해놨는데요.

현재는 모바일도 화면에 보이는 갯수가 3개입니다.

 

아래 이미지처럼

 

 

모바일에서 1개만 보이고 나머지 양옆은 살짝 걸치게 하고 싶은데..어떻게 스크립트를 만져야될까요?

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
퍼블블
3년 전

참고하시고 break 포인트 추가해서 쓰시면 되지 않을까 합니다

https://codepen.io/hagiang1305/pen/vyobEK

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

주사쟝
3년 전


centeredSlides: true,
breakpoints: {
1920: {
slidesPerView: 3,
spaceBetween: 30
},
1028: {
slidesPerView: 3,
spaceBetween: 30
},
480: {
slidesPerView: 2,
spaceBetween: 10
}
}


이렇게 해주니 되는거 같습니다! 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인