슬라이드 썸네일형 리스트형 [jQuery] slick slider 커스텀 내비게이션 & 페이징 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 slick slider는 손쉽게 슬라이더를 사용할 수 있게 해주는 플러그인으로, 여러 방향으로 응용이 가능하다. 기본적으로 제공하는 페이징과 내비게이션 말고, 커스텀 디자인을 적용할 수 있다. See the Pen slick slide with custom nav and paging by KYR.. 더보기 [jQuery] 무한슬라이드 만들기 슬라이드는 흔히 사용하는 플러그인이 가장 간단하지만, 제이쿼리 실력을 늘려보려면 실제로 만들어 보는 것이 좋다. 방식은 여러 가지가 있으니 곰곰히 생각해 보고 자신이 더 좋다고 생각하는 방식으로 제작하면 된다. 여기서는 prependTo 와 appendTo를 이용하고 css의 opacity 속성을 이용하여 fadeIn fadeOut 효과를 냈다. 슬라이드들을 position absolute로 한 곳에 몰아두고 opacity를 0으로 하여 보이지 않게 처리한다. 처음 로드시 첫 슬라이드의 opacity를 1로 animate한다. 그리고 이전, 이후 버튼을 클릭하면 해당 슬라이드의 opacity를 0으로 animate한 후 나타나게 할 슬라이드의 opacity를 1로 animate한다. setInterval.. 더보기 이전 1 다음
