반응형 slick2 [slick] slick 슬라이드 (breakpoint , 딤드+유튜브) slick 슬라이드 반응형. 전체 width 값에 따라 breakpoint 옵션을 사용해서 슬라이드 3 -> 2 -> 1 개씩 보이게 한다. +) 추가 img 클릭 했을때 레이어 팝업이 어둡게 뜨면서 유튜브화면 뜨는 스크립트 추가!! head안에 아래 링크 연결 해줘야 한다. slick + 유툽팝업이 연결되는 링크인데 이것도 역시 codepen에 올라와있던것 참고해서 사용함. script를 head영역에 넣은게 아니고 body에 넣어서html 아래에 있다. .slick-slide{ margin:0 25px; border:1px solid red;} .slick-slide span{display:block; } .slick-slide img{width:600px; height:600px; width:100.. 2020. 5. 21. [script] slick 슬라이드 visual 영역(arrow, dots) slick 슬라이드를 이용한 visual 영역 이미지 scale 축소되는 애니메이션효과. slick 슬라이드 next prev 버튼 - 옵션 arrows page 버튼 - 옵션 dots slick script 효과는 코드펜에서 찾아서 적용해봤습니다! $(document).ready(function(){ var $slick_carousel = $(".slide_wrap"); $slick_carousel.on('init', function(event, slick) { $(".slide_li").eq(0).addClass("active"); }); $slick_carousel.on('afterChange', function(event, slick, currentSlide){ $(".slide_li").remo.. 2020. 5. 9. 이전 1 다음 반응형
