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

제이쿼리 슬라이드 질문드려요 채택완료

숭늉맛탱 6년 전 조회 2,395

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

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

답변 3개

채택된 답변
+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/">https://swiperjs.com/demos/

 

위 데모에서

 

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

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

답변에 대한 댓글 1개

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

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

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

로그인