jquery 어떤 스타일인가요??

jquery 어떤 스타일인가요??

QA

jquery 어떤 스타일인가요??

본문

아래 스타일 같은 슬라이드는 뭘로 검색해야 하나요???

 

3552713842_1563239966.4139.jpg

이 질문에 댓글 쓰기 :

답변 1

슬릭?캐러셀?정도가 좋아보이네요

 

https://kenwheeler.github.io/slick/

ㅎ 생각보다 힘드네요.. 패딩값 부분 이것저것 만져보고 있는데~
전체가 다 먹어버리네요. ㅜㅜ

.slick-slide {   
      opacity: 0.1;
 
    }
   
    .slick-active {
      opacity: 1.0;

    }

.slick-slide 처럼 전제를 0.1 로, active만 1.0 인데..
.slick-slide {   
      opacity: 0.1;
    padding:20px;
 
    }
   
    .slick-active {
      opacity: 1.0;
    padding:0px;
    }

위처럼 수정을 하면 비율이이상한 비율처럼 나오네요. ㅎ

css 로 컨트롤 하는게 아니라 자바스크립트로 컨트롤 가능해요.
$('.center').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 768,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: false,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});

이런식으로 센터패딩 옵션으로 가능합니다

친절한 답변 감사드립니다.
첨부해주신 소스에 centerpadding 값을 수정했엇는데.. 좌우 슬라이드 또한 같이 똑같은 크기로 패딩값이적용되는거같아서요..
해당 중간 센터에 오는 슬라이드는 패딩을 0으로 주고, 좌우슬라이드 패딩값들을 줘야되는데.. 그 부분 찾는게 쉽지않네요.ㅜㅜ

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

회원로그인

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