TIL - 20220407

고민거리

저번까지는 슬러아드 레이아웃만 간신히 완성한 상태였다. 그리고 slick slider 라이브러리를 사용하다보니,
내가 만든 버튼에 적용하기위해 고군부투했습니다. 그리고 autoplay 버튼경우는 클릭시에 아이콘 변경을 해야하는데
어떻게 해야할지 고민하다가, 허탈할만큼 쉬운 솔루션을 찾았습니다.

👆 그 문제의 버튼

자바스크립트 코드

버튼같은 경우는 해당 클래스 클릭발생시, slick에 해당기능 수행하게끔 함수 만들고,
그리고 자동재생 및 아이콘 변경은 똑같이 클릭수, 해당 기능 가져오고, 아이콘 같은경우
fontawesome에서 가져온 아이콘이다보니 클래스명을 replace해주니 바로 바뀌더이다..

슬라이드결과물

다음 구현해야하는 기능

좋은 웹페이지 즐겨찾기