그냥, 일단 써내려가자

안녕하세요 무택입니다 :) 오늘은 저번 Slick-slider의 dot을 커스텀한 글에 이어서 이번에는 Swiper의 dot을 커스텀하는 방법에 대해서 써보려고 합니다. 아래에서 바로 확인하시죠. Slick-slider의 Dot을 커스텀하는 방법은 아래 글을 참고해 주세요. https://mu08.tistory.com/107 Swiper 라이브러리의 Dot을 커스텀하는 방법 HTML/CSS Swiper 1 Swiper 2 Swiper 3 꼭 swiper의 js파일과 css파일을 불러와야 적용이 됩니다. JS var bullet = ['슬라이드1', '슬라이드2', '슬라이드3']; var swiper = new Swiper('.swiper-container', { pagination: { el: '.sw..

안녕하세요 무택입니다 :) 오늘은 Slick-slider라이브러리의 dot을 커스텀할 수 있는 방법에 대해 써보려고 합니다. 이 라이브러리는 웹개발에 있어서 쓸 일이 정말 많은데 커스텀하지 않은 버전의 슬라이드도 정말 좋지만 상황에 따라 커스텀해야 할 경우도 생기더라고요. 그럴 때를 위해 써보려고 합니다. Slick-slider의 dot을 커스텀할 수 있는 방법 HTML/CSS slick 01 slick 02 slick 03 JS $('.slick_slider_div').slick({ autoplaySpeed: 2500, dots: true, slidesToShow: 1, customPaging: function (slider, i) { var thumb = $(slider.$slides[i]).data..