SIR
목록으로

슬라이드 질문 채택완료

익수야가자
프로필 보기이 회원 글보기이 회원의 댓글보기
 4년 전 조회 10,815
답변 1
목록

http://uksoft.iwinv.net/bbs/board.php?bo_table=free&sca=&sop=and&sfl=wr_3%2C1&stx=12

2040184332_1623145027.8449.png

 

이거를 가로로 일렬로 해서 슬라이드로 날짜를 선택할 수 있게끔 하고 싶은데 이게 자꾸 세워져있네요 

Copy 
<div class="swiper-container mySwiper">
      <div class="swiper-wrapper">
<?php
    $i = 1; //i변수에 1을 대입합니다.

    while($i<=30) //i가 10보다 작거나 같을 때 반복합니다
    { ?>
                <div class="swiper-slide">

<a href=""/bbs/board.php?bo_table=free&sca=&sop=and&sfl=wr_3&stx=<?php echo $i; ?>"><?php echo $i++; ?>일</a></div><?php } ?>
      </div>
    </div>


 <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

    <!-- Initialize Swiper -->
    <script>
      var swiper = new Swiper(".mySwiper", {});
    </script>

눕혀서 보기좋게 슬라이드로 만들 수 있는 방법이나 관련 링크 있으면 부탁좀 드리겠습니다 ㅠㅠ

 

아 그리고 여분필드 검색시 여분필드 1을 검색하면 1이 포함된 모든것들을 가져오는데 정확한 타겟으로 검색 할 수 있는 방법도 있을까요?

#css #html #그누보드 #jquery

답변 1개

채택된 답변
+20 포인트

Copy 
<script>
      var swiper = new Swiper(".mySwiper", {});
</script>

위 스크립트에서 옵션이 빠진것 같습니다.

 

Copy 
<script>
    var swiper = new Swiper('.mySwiper', {
        slidesPerView: 3, // 보일갯수
        spaceBetween: 30, // 간격
    });
</script>

 

이렇게만 추가해줘도 작동은 할것 같습니다.

다양한 옵션들이 있으니 참고해보세요.

 

https://swiperjs.com/swiper-api

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

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

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

로그인
🐛 버그신고