Jquery bxslider연결하여 사용하기

 

 

bxslider 파일을 script에 연결하여 사용한다.

 

.bxSlider({
  mode: 'horizontal' or 'verticla' 가로 슬라이드/세로 슬라이드
  speed: 500, 이동속도
  pager: false,  페이징 표시 여부 (false시 내가 만든 인디케이터 사용)
  moveSlides: 1,  슬라이드 이동시 갯수 설정
  slideWidth: 180,  슬라이드 마다 너비 설정 (px)
  minSlides: 1, 최소 노출 개수
  maxSlides: 1, 최대 노출 개수
  slideMargin: 10,  슬라이드간의 간격
  auto: true,  자동으로 흐를지 설정
  autoHover: true, 마우스오버시 정지할지 설정
  controls: false  이전/다음 버튼 노출 여부(false시 내가 만든 버튼 사용)
})

.goToPrevSlide() => 이전 슬라이드로 이동 하는 내장 함수
.goToNextSlide() => 다음 슬라이드로 이동 하는 내장 함수