슬라이드 질문
본문
http://uksoft.iwinv.net/bbs/board.php?bo_table=free&sca=&sop=and&sfl=wr_3%2C1&stx=12
이거를 가로로 일렬로 해서 슬라이드로 날짜를 선택할 수 있게끔 하고 싶은데 이게 자꾸 세워져있네요
<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이 포함된 모든것들을 가져오는데 정확한 타겟으로 검색 할 수 있는 방법도 있을까요?
답변 1
<script>
var swiper = new Swiper(".mySwiper", {});
</script>
위 스크립트에서 옵션이 빠진것 같습니다.
<script>
var swiper = new Swiper('.mySwiper', {
slidesPerView: 3, // 보일갯수
spaceBetween: 30, // 간격
});
</script>
이렇게만 추가해줘도 작동은 할것 같습니다.
다양한 옵션들이 있으니 참고해보세요.
답변을 작성하시기 전에 로그인 해주세요.
