채택완료

제이쿼리 슬라이드 질문드려요

슬라이드가 한번에 3개가 보여지고 나머지 뒷슬라이드들은 전부 안보이게 하면서 다음화살표를 눌렀을때 그다음 슬라이드 3개가 보여지는 방식으로 짜고싶은데 혹시 방법이있을까요? 제이쿼리 입문자라서 어렵네요 ㅠㅠ

답변 3개 / 댓글 1개

채택된 답변
+20 포인트

아 제가 다른걸 알려 드렸네요 .. 더 밑에 

Loop Mode with Multiple Slides Per Group

 

이걸 확인해 보세요

slick 슬라이드 플러그인 사용해보세요.

https://kenwheeler.github.io/slick/ 가셔서 다운로드하시고 헤더에 css, js추가하시고나서

<div id="slider">

  <div>

    <img src="이미지1" />

  </div>

  <div>

    <img src="이미지2" />

  </div>

  <div>

    <img src="이미지3" />

  </div>

  <div>

    <img src="이미지4" />

  </div>

  <div>

    <img src="이미지5" />

  </div>

  <div>

    <img src="이미지6" />

  </div>

</div>

<script>

$("#slider").slick({

  slidesToShow:3,

  slidersToScroll:3

})

</script>

https://swiperjs.com/demos/

 

위 데모에서

 

Multiple Slides Per View 참고하시면 될것 같습니다

답변에 대한 댓글 1개

엇 설명이 부족했던 모양입니다 ㅠㅠ 123번 이미지가 보이고 다음을 누르면 456 이미지가 보여지는 방식으로 구현하고 싶어서요 ㅠㅠ

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