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

반응형 문의 드립니다..ㅠㅠ 채택완료

이엠아이디 1년 전 조회 4,519

https://br0skorea.iwinv.net/page/premiumbuffet.php

 

위 주소에서 br 뒤에 0을 알파벳 o로 바꾸시면 됩니다.ㅠ

슬라이드를 넣었는데

아래처럼 주소가 있거든요

문제는 반응형을 할때도 3개가 고정이라 어떻게 해야할지를 모르겠습니다

2개 고정으로 변경하고 싶거든요..ㅠ

 

 

 

<!-- Swiper JS -->

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

 

<!-- Initialize Swiper -->

<script>

var swiper = new Swiper(".mySwiper", {

 slidesPerView: 3,

 spaceBetween: 30,

 pagination: {

   el: ".swiper-pagination",

   clickable: true,

 },

});

</script>

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

답변 2개

채택된 답변
+20 포인트
R
1년 전

</p>

<p><script></p>

<p> </p>

<p>var swiper = new Swiper(".mySwiper", {</p>

<p> </p>

<p> slidesPerView: 3,</p>

<p> </p>

<p> spaceBetween: 30,</p>

<p> </p>

<p> pagination: {</p>

<p> </p>

<p>   el: ".swiper-pagination",</p>

<p> </p>

<p>   clickable: true,</p>

<p> </p>

<p> },</p>

<p> </p>

<p> breakpoints: { //세부옵션 조정하세요</p>

<p>    // 320px</p>

<p>    320: {</p>

<p>      slidesPerView: 2,</p>

<p>      spaceBetween: 20</p>

<p>    },</p>

<p>    // 640px</p>

<p>    640: {</p>

<p>      slidesPerView: 3,</p>

<p>      spaceBetween: 30</p>

<p>    }</p>

<p> }</p>

<p>});</p>

<p> </p>

<p></script></p>

<p>

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

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

웅푸
1년 전

슬라이드 뷰 옵션에 'auto' 설정하면됩니다.

 

 slidesPerView: 'auto'

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

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

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

로그인