채택완료
bxslider auto 상태에서 selector ( prev / next ) 버튼을 눌렀을때 stop 되는 현상
페이지 이전/다음 버튼 누르면 오토가 정지되고 그 후로 부터 auto로 안돌아가는데요
http://m.blog.naver.com/mageson/220455565796 참고해보니
$(document).on('click','.bx-next, .bx-prev',function() {
slider.stopAuto();
slider.startAuto();
});
위코드를 넣으면 된다는데..
예를들어
<ul class="bxslider">
<li>
<a href="#"><img src="images/roll1.jpg"></a>
</li>
<li>
<a href="#"><img src="images/roll2.jpg"></a>
</li>
</ul>
<script>
$(document).ready(function () {
$('.bxslider').bxSlider({
pager: false
, pause: 4000
, auto: true
, controls: true
});
});
$(document).on('click','.bx-next, .bx-prev',function() {
slider.stopAuto();
slider.startAuto();
});
</script>
요렇게 넣으라는건가요? 이렇게 하면 안되서.. 질문드립니다.
제가 잘못한것이나 해결방법 부탁드립니다.
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
2016-12-05 (월) 11:54:58
Copy
var slider = $(".bxslider").bxSlider({ pager: false, pause: 4000, auto: true, controls: true, onSlideAfter: function() { slider.stopAuto(); slider.startAuto(); }});답변에 대한 댓글 1개
ysnet
2016-12-05 (월) 11:37:04
var slider;
$(document).ready(function () {
slider = $('.bxslider').bxSlider({
pager: false
, pause: 4000
, auto: true
, controls: true
});
});
$(document).on('click','.bx-next, .bx-prev',function() {
slider.stopAuto();
slider.startAuto();
});
</script>
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.