jquery 슬라이드 배너 bxslide 옵션 정보

 

 

 

 

방법

슬라이드 전환

default: 'horizontal'  options: 'horizontal', 'vertical', 'fade'  

속도

슬라이드 전환 속도 (1000 = 1초)

default: 500  options: integer  

slideMargin

각 슬라이드 사이의 여백

default: 0  options: integer  

시작 슬라이드

슬라이드 색인 시작 (0부터 시작)

default: 0  options: integer  

randomStart

무작위 슬라이드에서 슬라이더 시작

default: false  options: boolean (true / false)  

slideSelector

슬라이드로 사용할 요소 (예 :) 'div.slide'. 
참고 : 기본적으로 bxSlider는 슬라이더 요소의 모든 직계 하위를 사용합니다.

default: ''  options: jQuery selector  

무한 루프

경우 true마지막 슬라이드에, 클릭 "다음"동안은 첫 번째 슬라이드 및 그 반대로 전환됩니다

default: true  options: boolean (true / false)  

hideControlOnEnd

경우 true, "다음"제어가 마지막 슬라이드와 그 반대의에 표시되지 않습니다 
참고 : 경우에만 사용infiniteLoop: false

default: false  options: boolean (true / false)  

효과

default: null  options: if using CSS: 'linear', 'ease', 'ease-in', 'ease-out', 'ease-in-out', 'cubic-bezier(n,n,n,n)'. If not using CSS: 'swing', 'linear' (see the above file for more options)  

캡션

이미지 캡션을 포함하십시오. 캡션은 이미지의 title속성 에서 파생됩니다.

default: false  options: boolean (true / false)  

adaptiveHeight

각 슬라이드 높이를 기준으로 슬라이더 높이를 동적으로 조정

default: false  options: boolean (true / false)  

adaptiveHeightSpeed

슬라이드 높이 전환 지속 시간 (밀리 초). 참고 : 다음 경우에만 사용됩니다.adaptiveHeight: true

default: 500  options: integer  

비디오

슬라이드에 비디오가 포함되어 있으면이 값을로 설정하십시오 true. 또한, plugins/jquery.fitvids.js
자세한 내용은 http://fitvidsjs.com/ 을 참조하십시오.

default: false  options: boolean (true / false)  

 

슬라이더의 자동 크기 조절을 활성화 또는 비활성화합니다. 고정 폭 슬라이더를 사용해야하는 경우에 유용합니다.

default: true  options: boolean (true / false)  

CSS 사용

true이면 가로 및 세로 슬라이드 애니메이션에 CSS 전환이 사용됩니다 (기본 하드웨어 가속을 사용함). false이면 jQuery animate ()가 사용됩니다.

default: true  options: boolean (true / false)  

프리로드 이미지

'all'인 경우 슬라이더를 시작하기 전에 모든 이미지를 미리로드합니다. 'visible'인 경우 슬라이더를 시작하기 전에 처음에 표시된 슬라이드의 이미지 만 미리로드합니다 (팁 : 모든 슬라이드가 동일한 크기 인 경우 '표시'사용)

default: visible  options: 'all', 'visible'  

touchEnabled

true슬라이더가 터치 스 와이프 전환을 허용 하는 경우

default: true  options: boolean (true / false)  

swipeThreshold

슬라이드 전환을 실행하려면 터치 스 와이프가 초과해야하는 픽셀의 양. 참고 : 다음 경우에만 사용됩니다.touchEnabled: true

default: 50  options: integer  

oneToOneTouch

경우 true는 와이프로, 비 - 페이드 슬라이드는 손가락을 따라

default: true  options: boolean (true / false)  

preventDefaultSwipeX

경우 true, 터치 스크린은 손가락 스 와이프 같은 x 축을 따라 이동하지

default: true  options: boolean (true / false)  

preventDefaultSwipeY

경우 true, 터치 스크린은 손가락 스 와이프로 Y 축을 따라 이동하지

default: false  options: boolean (true / false)  

 

 

Pager

pager
If true, a pager will be added

default: true  options: boolean (true / false)  

pagerType
If 'full', a pager link will be generated for each slide. If 'short', a x / y pager will be used (ex. 1 / 5)

default: 'full'  options: 'full', 'short'  

pagerShortSeparator
If pagerType: 'short', pager will use this value as the separating character

default: ' / '  options: string  

pagerSelector
Element used to populate the populate the pager. By default, the pager is appended to the bx-viewport

default: ''  options: jQuery selector  

pagerCustom
Parent element to be used as the pager. Parent element must contain a <a data-slide-index="x"> element for each slide. See example here. Not for use with dynamic carousels.

default: null  options: jQuery selector  

buildPager
If supplied, function is called on every slide element, and the returned value is used as the pager item markup.
See examples for detailed implementation

default: null  options: function(slideIndex)  

 

 

Controls

controls

경우 true, "다음"/ "이전"컨트롤이 추가됩니다

default: true  options: boolean (true / false)  

nextText

"다음"컨트롤에 사용될 텍스트

default: 'Next'  options: string  

prevText

"Prev"컨트롤에 사용할 텍스트

default: 'Prev'  options: string  

nextSelector

"다음"컨트롤을 채우는 데 사용되는 요소

default: null  options: jQuery selector  

prevSelector

"Prev"컨트롤을 채우는 데 사용되는 요소

default: null  options: jQuery selector  

autoControls

경우 true, "시작"/ "정지"컨트롤이 추가됩니다

default: false  options: boolean (true / false)  

startText

"시작"컨트롤에 사용할 텍스트

default: 'Start'  options: string  

stopText

"정지"제어에 사용될 텍스트

default: 'Stop'  options: string  

autoControlsCombine

슬라이드 쇼가 재생 중일 때는 "정지"제어 만 표시되고 반대의 경우도 마찬가지입니다.

default: false  options: boolean (true / false)  

autoControlsSelector

자동 컨트롤을 채우는 데 사용되는 요소

default: null  options: jQuery selector  

 

 

Auto

Auto

슬라이드가 자동으로 전환됩니다.

default: false  options: boolean (true / false)  

pause

각 자동 전환 사이의 시간 (밀리 초)

default: 4000  options: integer  

autoStart

로드시 자동 표시가 시작됩니다. 만약 false"시작"컨트롤을 클릭하면 슬라이드 쇼가 시작됩니다

default: true  options: boolean (true / false)  

autoDirection

자동 쇼 슬라이드 전환의 방향

default: 'next'  options: 'next', 'prev'  

autoHover

마우스가 슬라이더 위로 움직일 때 자동 쇼가 멈 춥니 다.

default: false  options: boolean (true / false)  

autoDelay

자동 쇼가 시작되기 전에 대기해야하는 시간 (밀리 초)

default: 0  options: integer  

 

 

Carousel

minSlides

표시 할 슬라이드의 최소 수입니다. 회전식 슬라이드가 원래 크기보다 작아지면 슬라이드 크기가 줄어 듭니다.

default: 1  options: integer  

maxSlides

표시 할 슬라이드의 최대 수입니다. 회전 장치가 원래 크기보다 커지면 슬라이드 크기가 조정됩니다.

default: 1  options: integer  

moveSlides

전환시 이동할 슬라이드 수입니다. 이 값은 >= minSlides, 및 이어야합니다 <= maxSlides. 0 (기본값)이면 완전히 볼 수있는 슬라이드 수가 사용됩니다.

default: 0  options: integer  

slideWidth

각 슬라이드의 너비입니다. 이 설정은 모든 수평 회전식 캐 러셀에 필요합니다!

default: 0  options: integer  

 

 

Callbacks

onSliderLoad

슬라이더가 완전히로드 된 직후에 실행됩니다.

default: function(){}  options: function(currentIndex){ // your code here }  arguments:    currentIndex: element index of the current slide  

onSlideBefore

각 슬라이드 전환 직전에 실행됩니다.

default: function(){}  options: function($slideElement, oldIndex, newIndex){ // your code here }  arguments:    $slideElement: jQuery element of the destination element    oldIndex: element index of the previous slide (before the transition)    newIndex: element index of the destination slide (after the transition)  

onSlideAfter

각 슬라이드 전환 후 즉시 실행됩니다. 함수 인수는 현재 슬라이드 요소입니다 (전환 완료시).

default: function(){}  options: function($slideElement, oldIndex, newIndex){ // your code here }  arguments:    $slideElement: jQuery element of the destination element    oldIndex: element index of the previous slide (before the transition)    newIndex: element index of the destination slide (after the transition)  

onSlideNext

각 "다음"슬라이드 전환 직전에 실행됩니다. 함수 인수는 대상 (다음) 슬라이드 요소입니다.

default: function(){}  options: function($slideElement, oldIndex, newIndex){ // your code here }  arguments:    $slideElement: jQuery element of the destination element    oldIndex: element index of the previous slide (before the transition)    newIndex: element index of the destination slide (after the transition)  

onSlidePrev

각 "Prev"슬라이드 전환 직전에 실행됩니다. 함수 인수는 대상 (prev) 슬라이드 요소입니다.

default: function(){}  options: function($slideElement, oldIndex, newIndex){ // your code here }  arguments:    $slideElement: jQuery element of the destination element    oldIndex: element index of the previous slide (before the transition)    newIndex: element index of the destination slide (after the transition)  

 

 

Public methods

goToSlide

제공된 슬라이드 인덱스 (0부터 시작)로 슬라이드 전환을 수행합니다.

example:  slider = $('.bxslider').bxSlider();  slider.goToSlide(3);

goToNextSlide

"다음"슬라이드 전환을 수행합니다.

example:  slider = $('.bxslider').bxSlider();  slider.goToNextSlide();

goToPrevSlide

"이전"슬라이드 전환을 수행합니다.

example:  slider = $('.bxslider').bxSlider();  slider.goToPrevSlide();

startAuto

자동 쇼를 시작합니다. false자동 제어가 업데이트되지 않도록 하는 인수 를 제공하십시오 .

example:  slider = $('.bxslider').bxSlider();  slider.startAuto();

stopAuto

자동 쇼를 중지합니다. false자동 제어가 업데이트되지 않도록 하는 인수 를 제공하십시오 .

example:  slider = $('.bxslider').bxSlider();  slider.stopAuto();

getCurrentSlide

현재 활성 슬라이드를 반환합니다.

example:  slider = $('.bxslider').bxSlider();  var current = slider.getCurrentSlide();

getSlideCount

슬라이더의 총 슬라이드 수를 반환합니다.

example:  slider = $('.bxslider').bxSlider();  var slideQty = slider.getSlideCount();

reloadSlider

슬라이더를 다시로드합니다. 슬라이드를 즉시 추가 할 때 유용합니다. 선택적 설정 개체를 수락합니다. 예를 보려면 여기를 참조하십시오.

example:  slider = $('.bxslider').bxSlider();  slider.reloadSlider();

destroySlider

슬라이더를 파괴하십시오. 그러면 모든 슬라이더 요소가 원래 상태로 되돌려집니다 (슬라이더를 호출하기 전에).

example:  slider = $('.bxslider').bxSlider();  slider.destroySlider();