슬릭 슬라이더를 사용하시려는 분들께 정보
슬릭 슬라이더를 사용하시려는 분들께첨부파일
본문
그누6를 보면 swiper 에서 갑자기 slick으로 변경 된 것을 볼 수 있습니다.
그렇지만, 폴더 잘 찾아보면 swiper 도 내장(?) 되어 사용할 수 있게 해뒀네요
어찌되었던....
slick 을 사용해보고자 한다면 반드시 오류가 발생합니다.
바로 테마 css와 font가 누락되어있는데요
templates\basic\static\js\slick
해당 경로에 빠져 있습니다. 첨부 파일 다운로드 받으셔서, 적용해주세요
또한
templates\basic\base_sub.html
에 추가 해주세요
<link rel="stylesheet" href="{{ theme_asset(request, 'js/slick/slick-theme.css?ver=1.8.1') }}">
차이점 ??
이런식으로 버튼이 비정상적으로 나옵니다. 이건 오류가 아니라 그냥 css 및 폰트 누락이에요
요렇게 수정 됩니다.
또한 슬릭 슬라이더는 특이한 오류가 있습니다.
바로 화살표가 숨어있는 버그(?)가 있는데요
.slick-next{right: 18px;}
.slick-prev{z-index:1; left:0;}
이렇게 주셔야 정상적으로 출현합니다. 참고하시길 바랍니다.
고맙습니다.
!-->!-->
추천
3
3
댓글 4개
감사 합니다.
감사합니다~!
자세한 설명 감사합니다.
적용해보니 아주 좋아요. 감사합니다.