슬릭 슬라이더를 사용하시려는 분들께 > 그누보드6 팁자료실

그누보드6 팁자료실

그누보드6, 파이썬에 대한 팁과 자료를 올려주세요.
그누보드6 실서비스를 위한 웹서버 설정

슬릭 슬라이더를 사용하시려는 분들께 정보

슬릭 슬라이더를 사용하시려는 분들께

본문

그누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') }}">

 

차이점 ??

 

978180634_1706248534.2643.png

 

이런식으로 버튼이 비정상적으로 나옵니다. 이건 오류가 아니라 그냥 css 및 폰트 누락이에요

 

978180634_1706249188.7853.png

 

요렇게 수정 됩니다.

 

또한 슬릭 슬라이더는 특이한 오류가 있습니다.

바로 화살표가 숨어있는 버그(?)가 있는데요

 


.slick-next{right: 18px;}
.slick-prev{z-index:1; left:0;}

 

이렇게 주셔야 정상적으로 출현합니다. 참고하시길 바랍니다.

 

고맙습니다.

 

 

추천
3

첨부파일

slick-theme_font.zip (9.1K) 20회 다운로드 2024-01-26 16:25:28

댓글 4개

전체 48 |RSS
그누보드6 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT