답변 2개
채택된 답변
+20 포인트
4년 전
4개보이고 4개가 한세트로 움직이는걸 원하셨네요
마크업 구간
</p>
<p><div class="review_slide">
<div><img src="/img/review1.png"alt="#"></div>
<div><img src="/img/review2.png"alt="#"></div>
<div><img src="/img/review3.png"alt="#"></div>
<div><img src="/img/review4.png"alt="#"></div>
</div></p>
<p>제이쿼리 구간
</p>
<p>$('.review_slide').slick({
infinite: true, //양방향 무한 모션
speed:500, // 슬라이드 스피드
autoplay: true, //자동플레이 유무( false시 자동플레이 안됨 )
slidesToShow: 4, //한 화면에 보여줄 아이템수
slidesToScroll: 4, // 한번에 슬라이드 시킬 아이템 개수
arrows: true //좌우 화살 버튼 노출 여부 ( false 시 안보임 )
});</p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
s
siyulater
4년 전
와 너무 감사해요 ㅜㅜ 성공했어요 !!
�
바트컨트롤
4년 전
추카합니다요
슬릭은 자식들을 돌리기때문에
<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'></div> 감싸버리면
그놈만 돌아게되요
슬릭은 자식들을 돌리기때문에
<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'></div> 감싸버리면
그놈만 돌아게되요
s
siyulater
4년 전
하나 배웠네요 큰 도움 받았습니다 바트컨트롤 님 !
댓글을 작성하려면 로그인이 필요합니다.
4년 전
슬릭부분 code 좀 볼 수 있나요?
review_slide 영역이요
보니깐 slick은 먹은것 같은데
$('돌릴 선택자').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, autoplay: true, autoplaySpeed: 2000 });
선택자 명시가 잘못되어있는것같아요
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
s
siyulater
4년 전
안녕하세요
<script>
$(document).ready(function(){
$('.review_slide').slick({
infinite: true, //양방향 무한 모션
speed:500, // 슬라이드 스피드
autoplay: true, //자동플레이 유무( false시 자동플레이 안됨 )
slidesToShow: 4, //한 화면에 보여줄 아이템수
slidesToScroll: 1, // 한번에 슬라이드 시킬 아이템 개수
arrows: true //좌우 화살 버튼 노출 여부 ( false 시 안보임 )
});
});
</script>
이렇게 index 제일 하단에 넣었습니다!
<script>
$(document).ready(function(){
$('.review_slide').slick({
infinite: true, //양방향 무한 모션
speed:500, // 슬라이드 스피드
autoplay: true, //자동플레이 유무( false시 자동플레이 안됨 )
slidesToShow: 4, //한 화면에 보여줄 아이템수
slidesToScroll: 1, // 한번에 슬라이드 시킬 아이템 개수
arrows: true //좌우 화살 버튼 노출 여부 ( false 시 안보임 )
});
});
</script>
이렇게 index 제일 하단에 넣었습니다!
�
바트컨트롤
4년 전
앗 이부분이아닌 마크업 부분도 보여주실 수 있나요?
s
siyulater
4년 전
<div class="review_slide">
<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
<div><img src="/img/review1.png"alt="#"></div>
<div><img src="/img/review2.png"alt="#"></div>
<div><img src="/img/review3.png"alt="#"></div>
<div><img src="/img/review4.png"alt="#"></div>
</div>
</div>
이부분 말씀하시는거 맞으시죠~?
<div data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'>
<div><img src="/img/review1.png"alt="#"></div>
<div><img src="/img/review2.png"alt="#"></div>
<div><img src="/img/review3.png"alt="#"></div>
<div><img src="/img/review4.png"alt="#"></div>
</div>
</div>
이부분 말씀하시는거 맞으시죠~?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인