이전 목록 다음
채택완료

스와이퍼 네비게이터 항상 보이게하기

ZDZ
프로필 보기이 회원 글보기이 회원의 댓글보기
 2024-01-30 (화) 15:05:37 1,976

안녕하세요, 스와이퍼에서 넘길 페이지가 없어도 항상 네비게이터가 보이게 하고 싶습니다.

Copy 
<script>
  var swiper = new Swiper(".swiperTop", {
    slidesPerView: 3,
    spaceBetween: 30,
    freeMode: true,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
  });
</script>

이런 코드를 사용해서, 총 3장의 페이지가 보이게하고 4번째 슬라이드부터 안나오게하는.. 그런 느낌인데요

1889326059_1706594695.25.png

슬라이드를 3개만 넣으면 네비게이터가 안 보입니다. (사진 위쪽 참고, 아래쪽은 4 슬라이드 이상 존재하는스와이퍼 입니다.) 4번째 슬라이드를 넣지 않아도 네비게이터가 표시되게 할 수 있을까요? 

그누보드5 php
|

답변 2개

채택된 답변
+20 포인트
MMin아빠
프로필 보기이 회원 글보기이 회원의 댓글보기
 2024-01-30 (화) 15:55:26

<style> .swiper-button-prev, .swiper-button-next { display: block !important; } </style>

이렇게 css를 넣으시면 무조건 보이실껍니다.


 
주사쟝
프로필 보기이 회원 글보기이 회원의 댓글보기
 2024-01-30 (화) 15:51:45

loop: true, 를 추가하세요.

Copy 
<script>
  var swiper = new Swiper(".swiperTop", {
    slidesPerView: 3,
    spaceBetween: 30,
    freeMode: true,
    loop: true,
    navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
  });
</script>

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