개인 공부용 블로그

simplyscroll바로가기 jQuery simplyScroll - Logicbox Jump to: [Features] [Examples] [Download] [Installation] [Config] This plugin is now legacy and is mostly unsupported! Core functionality still works, but all features described may not work as intended or at all, please use at your own risk! simplyScroll www.logicbox.net HTML ul > li 구조로 감싼 뒤 img를 넣어준다. jQuery $(function() { $('#scroller').simplyS..

swiperSlider 바로가기 HTML Slide 1 Slide 2 Slide 3 ... CSS scrollbar 사용시 scrollbar-drag 색상 및 너비 제어하기 /* will not work as it should 스크롤바 너비 제어 */ .swiper-horizontal .swiper-scrollbar{width: 50%!important;} .swiper-horizontal .swiper-scrollbar .swiper-scrollbar-drag {background-color: red;} var swiper = new Swiper(".categorySwiper", { //초기값 설정은 모바일이 먼저 적용됨 spaceBetween: 60, //간격 slidesPerGroup: 2, //슬..

ScrollReveal 바로가기 1. 적용해보기 상단의 Guide를 클릭해서 cdn을 html에 넣어준다.

slick slider 바로가기 1. slick 다운로드 및 js, css 파일 다운하기 우측 상단의 get it now를 클릭해서 Download Now 클릭 고고. View On Github 바로가기 아래의 링크를 head 태그에 넣어주어야 한다. js파일도 추가 slick slider의 형식 1 2 3 4 5 6 2. 만들어보기 참고자료 slick slider 사용법 및 옵션 (반응형 포함) - 삽질중인 개발자

https://owlcarousel2.github.io/OwlCarousel2/ https://www.jqueryscript.net/demo/Powerful-Customizable-jQuery-Carousel-Slider-OWL-Carousel/#how-to 태그 안에 경로 설치하기 태그에 위 두개 CSS파일을 포함시킨다. 📌owl.carousel.css 파일 필요하며 css파일은 js파일 앞에 있어야 한다. 📌owl.theme.default.css : 선택사항. 기본 탐색 컨트롤이 필요할 경우 필요하다. 📌첫번째로 jquery파일 📌두번째로 caruosel.js 파일을 넣는다. MarkUP Your Content Your Content Your Content Your Content Your Conten..