제이쿼리 슬라이드 질문드려요
본문
슬라이드가 한번에 3개가 보여지고 나머지 뒷슬라이드들은 전부 안보이게 하면서 다음화살표를 눌렀을때 그다음 슬라이드 3개가 보여지는 방식으로 짜고싶은데 혹시 방법이있을까요? 제이쿼리 입문자라서 어렵네요 ㅠㅠ
답변 3
아 제가 다른걸 알려 드렸네요 .. 더 밑에
Loop Mode with Multiple Slides Per Group
이걸 확인해 보세요
엇 설명이 부족했던 모양입니다 ㅠㅠ 123번 이미지가 보이고 다음을 누르면 456 이미지가 보여지는 방식으로 구현하고 싶어서요 ㅠㅠ
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>
답변을 작성하시기 전에 로그인 해주세요.