미

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

· 2024-01-26 (금) 16:25:28 · 1478 · 4
스크린샷 2024-01-26 162514.png

그누6를 보면 swiper 에서 갑자기 slick으로 변경 된 것을 볼 수 있습니다.

그렇지만, 폴더 잘 찾아보면 swiper 도 내장(?) 되어 사용할 수 있게 해뒀네요

어찌되었던....

 

slick 을 사용해보고자 한다면 반드시 오류가 발생합니다.

바로 테마 css와 font가 누락되어있는데요

 

templates\basic\static\js\slick

해당 경로에 빠져 있습니다. 첨부 파일 다운로드 받으셔서, 적용해주세요

 

또한 

templates\basic\base_sub.html

에 추가 해주세요

[code]

<link rel="stylesheet" href="{{ theme_asset(request, 'js/slick/slick-theme.css?ver=1.8.1') }}">
[/code]

 

차이점 ??

 

978180634_1706248534.2643.png

 

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

 

978180634_1706249188.7853.png

 

요렇게 수정 됩니다.

 

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

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

 

[code]

.slick-next{right: 18px;}

.slick-prev{z-index:1; left:0;}

[/code]

 

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

 

고맙습니다.

 

 

첨부파일

slick-theme_font.zip (9.1 KB) 20회 2024-01-26 16:25
|

댓글 4개

감사 합니다.

2024-01-26 (금) 23:29:28

감사합니다~!

자세한 설명 감사합니다.

적용해보니 아주 좋아요. 감사합니다.naboojang-24.gif

댓글을 작성하시려면 로그인이 필요합니다.

그누보드6 팁자료실

48건

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

+
제목 글쓴이 날짜 조회
01-05 조회 564
25-04-12 조회 1,285
24-08-29 조회 972
24-07-10 조회 1,085
24-07-08 조회 988
24-07-08 조회 835
24-07-08 조회 845
24-06-21 조회 1,119
24-06-21 조회 819
24-06-20 조회 1,098
24-05-23 조회 2,272
24-03-10 조회 3,203
24-02-15 조회 1,939
24-02-08 조회 3,022
24-02-06 조회 2,153
24-02-05 조회 2,768
24-02-04 조회 1,038
24-02-04 조회 1,638
24-02-04 조회 1,525
24-02-02 조회 1,773
24-02-01 조회 1,357
24-01-31 조회 1,235
24-01-30 조회 1,484
24-01-30 조회 1,119
24-01-30 조회 1,605
24-01-29 조회 1,129
24-01-26 조회 946
24-01-26 조회 1,479
24-01-25 조회 1,527
24-01-25 조회 1,055