히바리 쿄야 와 함께 하는 Developer Cafe
[4일차] DO IT 자바스크립트+제이쿼리/p342~p392/ 제이쿼리 플러그인, 반응형 웹 UI 만들기 본문
JAVASCRIPT
[4일차] DO IT 자바스크립트+제이쿼리/p342~p392/ 제이쿼리 플러그인, 반응형 웹 UI 만들기
TWICE&GFRIEND 2021. 3. 25. 15:171) bxSlider 옵션
구분 |
기본값 |
데이터타입 |
기능 |
mode |
horizontal |
horizontal vertical fade |
슬라이드 이동 방향 설정 |
speed |
500 |
숫자 |
슬라이드 전환 속도 |
pager |
true |
논리 |
동그라미(불릿) 버튼 노출 여부 |
moveSlides |
0 |
숫자 |
슬라이드 이동시 개수 |
sliderWidth |
0 |
숫자 |
슬라이드 너비 |
slideMargin |
0 |
숫자 |
슬라이드 사이 여백 |
maxSlides |
1 |
숫자 |
슬라이드 최대 노출 개수 |
minSlides |
1 |
숫자 |
슬라이드 최소 노출 개수 |
auto |
false |
논리 |
자동 슬라이드 여부 |
autoHover |
false |
논리 |
슬라이드에 마우스 호버시 애니메이션 정지 여부 |
controls |
false |
논리 |
이전/다음 버튼 노출 여부 |
2) 슬라이드 제어 메소드 종류
구분 |
기능 |
변수.goToSlide(숫자) |
지정한 [숫자] 슬라이드로 이동 |
변수.goToNextSlide() |
다음 슬라이드로 이동 |
변수.goToPrevSlide() |
이전 슬라이드로 이동 |
변수.startAuto() |
자동으로 슬라이드 전환 |
변수.reloadSlider() |
슬라이드 재시작 |
bxslider 콜백함수 옵션
슬라이더 제어 메소드
'JAVASCRIPT' 카테고리의 다른 글
[5일차] DO IT 타입스크립트 프로그래밍/p340 ~ p402 / 타입스크립트 함수형 프로그래밍 실습 (0) | 2021.04.13 |
---|---|
[3일차] DO IT 자바스크립트 제이쿼리/p290 ~ p340/ 08.애니메이션 효과 , 09.Ajax (0) | 2021.03.25 |
[2일차] DO IT 자바스크립트 + 제이쿼리/p170 ~ p288/ 선택자, 이벤트 (0) | 2021.03.23 |
[1일차] DO IT 자바스크립트 + 제이쿼리입문/p15 ~p157/ 제어문,객체,함수 (0) | 2021.03.22 |
[6일차] HTML/CSS/JAVASCRIPT 웹 표준의 정석/p554 ~ p643/ 자바스크립트 객체,DOM (0) | 2021.03.08 |
Comments