slick을 통해 이미지 슬라이더를 만들고 있습니다~ 반응형으로도 가능한가요?

slick을 통해 이미지 슬라이더를 만들고 있습니다~ 반응형으로도 가능한가요?

QA

slick을 통해 이미지 슬라이더를 만들고 있습니다~ 반응형으로도 가능한가요?

본문

현재 slick를 가지고 이미지 슬라이더를 만들고 있습니다

한줄에 4장의 이미지가 나오는 슬라이더까지는 완성했는데

반응형으로 구현할려고 하는데 감을 못잡겠어요 ㅠ 
 

아래는 코드문인데 중간사이즈는 이미지 3장이 나오고
모바일에서는 1장만 나오도록 변경이 가능할까요?
고수님들 확인 부탁드립니다~

 

 

<script>

$(function(){
    $('.main_slide').slick({
      dots: true,
      infinite: false,
      speed: 300,
      slidesToShow: 4,
      slidesToScroll: 4,
      responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 3,
            infinite: true,
            dots: true
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 2
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1
          }
        }
        // You can unslick at a given breakpoint now by adding:
        // settings: "unslick"
        // instead of a settings object
      ]
    });
})

</script>

이 질문에 댓글 쓰기 :

답변 1

          breakpoint: 600,
          settings: {
            slidesToShow: 1,
            slidesToScroll: 1

답변을 작성하시기 전에 로그인 해주세요.
전체 44
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT