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
var slider = $(".bxslider").bxSlider({
pager: false,
pause: 4000,
auto: true,
controls: true,
onSlideAfter: function() {
slider.stopAuto();
slider.startAuto();
}
});
정상동작합니다 감사합니다!
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>
동작하지 않습니다 감사합니다
답변을 작성하시기 전에 로그인 해주세요.