웹프로그래밍/플러그인

[bxSlider]자동 슬라이드 상태에서 이전, 다음버튼 클릭 시 자동기능꺼지는 문제

하요_ 2019. 4. 4. 10:20

기존코드

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
$(document).ready(function(){
    $('.bxslider1').bxSlider({
        auto: true
        mode:'horizontal'
        }        
    });
});
</script>
cs

요 상태로 처음에 해당 페이지를 부르면 자동으로 슬라이드가 돌아가나 '이전' 혹은 '다음' 버튼을 누르면 자동으로 슬라이드 되는 기능이 꺼진다. 

요걸 계속 자동으로 돌리고 싶으면 이렇게 수정하면 된다.

 

수정코드


1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
$(document).ready(function(){
    var slider = $('.bxslider1').bxSlider({
        auto: true
        mode:'horizontal',
        onSlideAfter: function() {
            slider.stopAuto();
            slider.startAuto();
        }
            
    });
});
</script>
cs