jquery slick plugin slickGoTo 사용하기

jquery slick 내에서 slickGoTo 사용

slick plugin은 이번에 프로젝트 진행하면서 추천받은 플러그인이다.

사실 난 플러그인 사용을 좋아하지 않아 한번도 써보지 않았지만 이번엔 써봤다.

기본적인 셋팅과 더불어 사용법은 사이트에 잘 나와있다.

http://kenwheeler.github.io/slick/

하지만 내가 하는 디자인은 세팅과는 좀 거리가 있어서 구글링 한 결과

slickGoTo를 이용하여 해결할 수 있었다.

보통은 이렇게 간단한 디자인인데, 이번에 내가 하게 된 작업은 밑에 도트가 아닌

버튼으로 되어 nav 같은 역할을 해야한다.

See the Pen dddpGQ by kyesooryun (@bbol) on CodePen.

slickGoTo를 연결해주면 nav가 아니더라도 클릭하면 해당하는 배너를 보여준다.