Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴

히바리 쿄야 와 함께 하는 Developer Cafe

[4일차] DO IT 자바스크립트+제이쿼리/p342~p392/ 제이쿼리 플러그인, 반응형 웹 UI 만들기 본문

JAVASCRIPT

[4일차] DO IT 자바스크립트+제이쿼리/p342~p392/ 제이쿼리 플러그인, 반응형 웹 UI 만들기

TWICE&GFRIEND 2021. 3. 25. 15:17

1) 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 콜백함수 옵션

슬라이더 제어 메소드

Comments