본문 바로가기
퍼블리싱

제이쿼리 플러그인 owl carousel2 (슬라이드 이미지)

by lionbum 2020. 12. 31.

 

Owl carousel2

올빼미 슬라이드 

반응형 슬라이더 

 

 

레이아웃 종류

 

 

설치방법

 

  1. 홈페이지에서 플러그인 다운로드 
  2. 압축 해제 후  dist 폴더 안에 css 위치를 확인 
  3. <head></head> 안에 css 경로 입력 
  4. 다음에 스크립트 경로 입력
  5. 제이쿼리 CDN 입력 

 

 

 

 

반응형도 적용되어, 모바일로 볼때는 썸네일 한개만 보여지도록 한다. 

 

 

 

 

데모중 Animate 효과를 적용하면 

일반적으로 알고있는 1개씩 흘러가는 슬라이드가 가능하다~ 

 

 

 

 

 

owlcarousel2.github.io/OwlCarousel2/

 

Home | Owl Carousel | 2.3.4

Modules and Plugins Owl Carousel supports plugin modular structure. Therefore, you can detach plugins that you won't use on your project or create new ones that fit your needs

owlcarousel2.github.io

 

728x90
반응형

댓글