API
플러그인을 우리가 조작할 수 있게 만들어 놓은 것.
open API ex) 네이버지도, sns로 로그인하기, 타 사이트에서 sns 좋아요 누르기 등
owl carousel에 옵션, 메소트, 콜백이 있다.
1. option
owl-carousel 함수 실행에 객체형태로 매개변수로 들어가 여러가지 선택사항들을 마음에 드는 대로 바꾸는 것.
https://owlcarousel2.github.io/OwlCarousel2/ 접속 -> 상단의 Docs -> API의 option
많은 종류의 옵션이 있다.
{해당 옵션의 이름 : 원하는값 , 해당 옵션의 이름 : 원하는 값 .. } 의 형태로 사용한다
(예)
*responsive : 반응형. 사이즈마다 원하는 옵션을 넣을 수 있다.
1000~
600 ~ 1000
~ 600
2. event
class owl-carousel 과 상관없는 태그를 이용하여 owl carousel을 조작하는 것
or
어떤 이벤트가 일어났을 때의 값을 반환하는 것
or
해당 이벤트가 일어 났을 때 할 행동을 설정하는 것
(+) call back
Owl Carousel 홈페이지 -> 상단의 Docs -> API -.> event
- 맨 아래에 많은 종류의 이벤트들이 있다
parameter, callback, type 이 나와있다.
ex)
type :
callback :
parameter :
1) 이벤트 감지하기
2) 상관 없는 태그로 이벤트 실행시키기
( 매개변수 형태 지켜야 한다 )
* 특정 기능 가진 슬라이드 만들면서 callback, event data 익히기 *
<HTML & CSS 변경 >
아래의 내용으로 10페이지 만들었다.
opacity : .1
<화면>
callback과 data 사용하며
페이지를 넘길 때마다 숫자가 순서대로 연이어 선명해 지면서 내려오게 하기.
3. 데이터 받아오기 (call back)
함수에서 매개변수 event를 이용하여 현재 상황에 대한 이벤트를 받을 수 있다.
* 사용해서 함수 만들기 *
4. callback
owlCarousel 함수 호출 할때 매개변수로 옵션을 넣은 것 처럼 callback을 이용하여 함수를 실행 할 수 있다 .
owl carousel event 페이지 맨 아래에 여러가지 이벤트가 나와 있는 곳에 callback 형태가 나와 있다.
callback (감지할 이벤트) : 실행할 함수
<js>
'프론트엔드 > ㄴplugin' 카테고리의 다른 글
| <plugin> Owl Carousel2 (1) 시작하기 (0) | 2017.08.25 |
|---|---|
| <plugin> bxslider(1) -설치, 실행 (0) | 2017.08.25 |
| <plugin> plugin (0) | 2017.08.25 |