-
bx 슬라이더 사용 방법! 웹 공부 ! 2018. 3. 21. 18:15
bx slider : 슬라이드에 사용하는 제이쿼리 라이브러리이다.
홈페이지 내에 있는 슬라이드를 보면 bxslider를 사용하는 경우가 종종 있다.
기본적인 jquery를 할 수있다면 쉽게 만들 수 있다. 하지만 jquery를 모른다면 어렵게 느껴질 수도 있다.
bxslider 옵션
구분
기본값
데이터 타입
기능
mode
horizontal
horizontal', 'vertical',
'fade'
슬라이드 이동 방향 설정
speed
500
숫자
슬라이드 전환 속도
pager
true
논리
동그라미 (블릿)버튼 노출
moveSlider
0
숫자
슬라이드 이동시 개수
sliderMargin
0
숫자
슬라이드 사이 여백
maxSlides
1
숫자
슬라이드 최대 노출 개수
minSlides
1
숫자
슬라이드 최소 노출 개수
auto
false
논리
자동 슬라이드 여부
autoHover
false
논리
슬라이드에 마우스 오버 시 슬라이드 정지
controls
false
논리
이전/ 다음 버튼
** 슬라이드 높이 설정 하는 방법
.bxslider {height : 높이 값; }
'! 웹 공부 ! ' 카테고리의 다른 글
OwlCarousel2 슬라이더 사용 방법 (0) 2018.03.27 html 마우스 커서 이미지 변경 하기 (0) 2018.03.25 구글 애널리틱스 사용방법 (0) 2018.03.17 jquery 사용하기 (0) 2018.03.14 세로정렬(가운데 정렬) (0) 2018.03.12