위코딩
반응형
article thumbnail
[Plugins] slick 자주 사용하는 옵션, 함수 정리
Plugins/[슬라이더] slick 2023. 7. 24. 15:46

Slick 플러그인은 다양한 옵션, 함수를 제공하여 이미지 슬라이더와 갤러리를 다양하게 커스터마이즈할 수 있습니다. 이러한 옵션, 함수들을 사용하여 슬라이더의 동작, 디자인, 네비게이션 등을 조정할 수 있습니다. 아래는 Slick 플러그인에서 자주 사용되는 몇 가지 주요 옵션, 함수들에 대한 설명입니다. slick 자주 사용하는 옵션 slick 자주 사용하는 함수 슬라이드 해제 $('.slider').slick("unslick") 슬라이드 정지/재생 $('.slider').slick('slickPause'); //정지 $('.slider').slick('slickPlay'); //시작 슬라이드 이동 $('.slider').slick('goTo', 1); //ex) $('.slider').slick('go..

article thumbnail
[Plugins] slick 플러그인의 설치와 사용법
Plugins/[슬라이더] slick 2023. 7. 24. 15:14

Slick 플러그인은 웹사이트에 이미지 슬라이더, 캐로셀, 무한 롤링 배너 등 다양한 슬라이드 쇼를 구현하는 데 사용되는 강력하고 유용한 자바스크립트 라이브러리입니다. 이제 Slick 플러그인을 설치하고 사용하는 방법을 살펴보겠습니다. slick 홈페이지 : https://kenwheeler.github.io/slick/ Slick 플러그인 설치하기 Slick 플러그인은 CDN(Contents Delivery Network)을 통해 손쉽게 설치할 수 있습니다. 아래의 단계를 따라 설치를 진행해보세요. 단계 1: jQuery 및 Slick 플러그인 스크립트 추가 단계 2: HTML 구조 생성 Slick 플러그인 사용하기 단계 3: JavaScript로 Slick 플러그인 활성화 위 코드를 복사하여 웹페이지..

반응형
loading loading