bxSlider 사용하기

<script type="text/javascript">

//<![CDATA[

$(function() {

var main_acad_Slider = $('.ptDataBanner').bxSlider({

mode: 'horizontal',// 가로 방향 수평 슬라이드

speed: 500,        // 이동 속도를 설정

pause: 2000,        // 페이지 넘김 속도를 조절

pager: false,      // 현재 위치 페이징 표시 여부 설정

moveSlides: 1,     // 슬라이드 이동시 개수

slideWidth: 260,   // 슬라이드 너비

minSlides: 3,      // 최소 노출 개수

maxSlides: 3,      // 최대 노출 개수

slideMargin: 10,    // 슬라이드간의 간격

auto: false,        // 자동 실행 여부

autoHover: true,   // 마우스 호버시 정지 여부

controls: false,    // 이전 다음 버튼 노출 여부

responsive: false,

touchEnabled: true

});

//이전 버튼을 클릭하면 이전 슬라이드로 전환

$('#bnrset_pre').on('click', function() {

main_acad_Slider.goToPrevSlide();  //이전 슬라이드 배너로 이동

return false;              //<a>에 링크 차단

});

//다음 버튼을 클릭하면 다음 슬라이드로 전환

$('#bnrset_next').on('click', function() {

main_acad_Slider.goToNextSlide();  //다음 슬라이드 배너로 이동

return false;

});

});

//]]>

</script>

이외 옵션들

https://github.com/demun/FrontEndStudy/blob/master/document/Jquery/docs/01_01_jquery_plugin_bxslider.md