Study Java

이전 다음 $('.visual').slick({ autoplay : true, autoplaySpeed : 1000, // 지정한 클래스에 맞게 값을 지정한다. prevArrow : $('.prevArrow'), nextArrow : $('.nextArrow'), });

JQuery Plug in 2021. 10. 31. 05:38

1. HTML 시작 정지 2. JS $('.visual').slick({ autoplay : true, autoplaySpeed : 1000, arrows : false, }); $('.play').click(function(){ $('.visual').slick('slickPlay'); }); $('.stop').click(function(){ $('.visual').slick('slickPause'); });

JQuery Plug in 2021. 10. 27. 09:35

1. HTML 테스트 테스트 테스트 2. JS

JQuery Plug in 2021. 10. 26. 14:46

1. html 2. JS $('.visual').slick({ autoplay : true, autoplaySpeed : 1000, arrows : false, dots : true, }); dots 속성 3. css @charset "utf-8"; li { list-style: none; margin: 0; padding: 0;} .continaer { /* 비주얼 영역을 가운데 정렬하기 위한 컨테이너 */ max-width: 1920px; margin: 0 auto; outline: 1px solid red; } .slick-dots { position: absolute; bottom: 5%; left: 50%; margin: 0; padding: 0; transform: translateX(-50%..

JQuery Plug in 2021. 10. 26. 14:29

1. html 이전 다음 arrows_box, prev_arrow, next_arrow 등 클래스명은 임의의 값이다. 2. script $('.visual').slick({ autoplay : true, autoplaySpeed : 1000, prevArrow : $('.prev_arrow'), nextArrow : $('.next_arrow') });

JQuery Plug in 2021. 10. 26. 11:12

1. CDN 2. 기본구조 3. 스크립트 $('.visual').slick({ autoplay : true, // 기본값 false autoplaySpeed : 1000, // 기본값 3000 }); 4. CSS @charset "utf-8"; .continaer { /* 비주얼 영역을 가운데 정렬하기 위한 컨테이너 */ max-width: 1920px; margin: 0 auto; outline: 1px solid red; } .slick-arrow { /* 컨트롤 버튼 공통 */ position: absolute; top: 50%; left: 4%; z-index: 10; width: 72px; height: 72px; text-indent: -9999px; border: none; } .slick-..

JQuery Plug in 2021. 10. 26. 10:57