owlcarousel.js1 HTML CSS로 이미지 슬라이드, 롤링배너 , 캐러셀 만들기(owlCarousel.js) owlCarousel.js 라는 라이브러리를 통해서 이미지 롤링, 케러셀, 슬라이드를 만드는 방법을 정리해보겠습니다. 우선 사용할 라이브러리는 https://owlcarousel2.github.io/OwlCarousel2/ 입니다. 위와 같은 형태의 이미지 슬라이더를 만들어보려고 합니다. 오직 html,css,js 만 사용해서 만들기 때문에 어디에서든 사용하실 수 있습니다. HTML 이미지 슬라이더를 만들기 위한 구조는 아래와 같습니다. owl-carousel, owl-theme은 캐러셀을 사용하기 위해 라이브러리에서 정의된 클래스입니다. 위 코드처럼 두 스타일 파일을 알맞은 경로에 넣고 link태그를 통해서 로드해야합니다. 준비가 끝났으니 알맞은 아이템들을 넣어줍니다. 스포츠클럽과 함께 새로운 여행문화.. 2020. 6. 5. 이전 1 다음