본문 바로가기
기타2/Jquery

slick

by 죠부니 2019. 9. 10.
반응형

https://kenwheeler.github.io/slick/

 

slick - the last carousel you'll ever need

slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!

kenwheeler.github.io

기본적으로 슬라이더를 쓸떄 슬릭을 많이쓰는데

해당형태로 길게 늘어졌다가 정상작동된다.

인터넷 속도가 느릴때 저렇게 보여서 수정처리

https://github.com/kenwheeler/slick/issues/158

 

Hide slides before slick initialization · Issue #158 · kenwheeler/slick

I have 4 slides. before slick initialisation, it shows everything. I want to display only first slide before slick initialisation. How do i do it?

github.com

#myslider {display: none;}
#myslider.slick-initialized {display: block;}

슬라이더를 기본적으로 display:none상태를 만들고

init이되면 자동으로 slick-initialized 클래스가 붙게되는데 클래스가 붙을경우 보이게 처리해서 해결했다.

반응형

'기타2 > Jquery' 카테고리의 다른 글

autosize  (0) 2020.08.24
Enter -> Keyup  (0) 2019.10.08
이걸 까먹네 jquery option:selected  (0) 2019.06.28
each  (0) 2018.07.30
busy-load , spinner  (0) 2018.06.05