[긴급]PHP 원격 코드 실행 취약점 안내
이전 목록 다음
채택완료

jquery 어떤 스타일인가요??

자자미르
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-07-16 (화) 10:19:50 2,710

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

3552713842_1563239966.4139.jpg

jquery
|

답변 1개 / 댓글 6개

채택된 답변
+20 포인트
아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-07-16 (화) 10:23:34

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

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

답변에 대한 댓글 6개

자미르
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-07-16 (화) 10:47:23
답변 감사드립니다. 해당 사이트 center mode 가 가장 유사한데~
딱 원하는 스타일이 아닌거 같아요~
좀더 검색해봐야될거같습니다.
아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-07-16 (화) 11:03:11
슬릭 패딩값 주는거있을거에요. 그래서 센터모드에서는 패딩값을빼고 그이외 리스트는 패딩값을 주면 저렇게 active 된얘들만 크게 보여줄수있어요
자미르
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-07-16 (화) 11:55:26
ㅎ 생각보다 힘드네요.. 패딩값 부분 이것저것 만져보고 있는데~
전체가 다 먹어버리네요. ㅜㅜ

.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;
}

위처럼 수정을 하면 비율이이상한 비율처럼 나오네요. ㅎ
아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-07-17 (수) 08:50:11
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
}
}
]
});

이런식으로 센터패딩 옵션으로 가능합니다
자미르
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-07-17 (수) 10:28:59
친절한 답변 감사드립니다.
첨부해주신 소스에 centerpadding 값을 수정했엇는데.. 좌우 슬라이드 또한 같이 똑같은 크기로 패딩값이적용되는거같아서요..
해당 중간 센터에 오는 슬라이드는 패딩을 0으로 주고, 좌우슬라이드 패딩값들을 줘야되는데.. 그 부분 찾는게 쉽지않네요.ㅜㅜ
아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-07-17 (수) 11:47:48
css로 각 컨텐츠들에 패딩을 주시고 슬릭 자바스크립트로 centerpadding 0으로 줘보세요

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