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

슬라이드 질문 채택완료

익수야가자 4년 전 조회 10,719

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

 

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

</p>

<p>

<div class="swiper-container mySwiper">

      <div class="swiper-wrapper">

<?php

    $i = 1; //i변수에 1을 대입합니다.</p>

<p>    while($i<=30) //i가 10보다 작거나 같을 때 반복합니다

    { ?>

                <div class="swiper-slide"></p>

<p><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></p>

<p>

 <script src="<a href="https://unpkg.com/swiper/swiper-bundle.min.js"></script>" target="_blank" rel="noopener noreferrer">https://unpkg.com/swiper/swiper-bundle.min.js"></script></a></p>

<p>    <!-- Initialize Swiper -->

    <script>

      var swiper = new Swiper(".mySwiper", {});

    </script></p>

<p>

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

 

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

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

답변 1개

채택된 답변
+20 포인트

</p>

<p><script>

      var swiper = new Swiper(".mySwiper", {});

</script></p>

<p>

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

 

</p>

<p><script>

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

        slidesPerView: 3, // 보일갯수

        spaceBetween: 30, // 간격

    });

</script></p>

<p>

 

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

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

 

https://swiperjs.com/swiper-api

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

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

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

로그인