slick

기타2/Jquery

죠부니 2019. 9. 10. 18:09

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

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

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

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

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 클래스가 붙게되는데 클래스가 붙을경우 보이게 처리해서 해결했다.