bxSlider가 자동으로 작동하지 않습니다.

Question

사용자가 클릭하지 않고도 bxSlider가 자동으로 슬라이드 쇼를 시작하게합니다. 이것은 내 코드 (작동하지 않는 코드)입니다.

slider = $('.slider1').bxSlider({ 
    slideWidth: 1012, 
    slideHeight:200, 
    minSlides: 1, 
    slideMargin: 0, 
    controls: false, 
    auto: true, 
    autoStart: true 
}); 
slider.startAuto(); 

무엇이 문제입니까? 어떤 일이 발생하는지는 이미지가로드되지만 자동 스크롤되지 않습니다. 사용자는 수동으로 스크롤 할 페이저 점 중 하나를 선택해야합니다. 내 코드에 무슨 문제가 있습니까?

Answer 1

시도 (http://bxslider.com/examples/auto-show-start-stop-controls에서)이 코드는 나를 위해 일한

Answer 2

을 autoControls: true을 설정!

var slider = $('#slider').bxSlider(); 

$('.bx-next, .bx-prev, .bx-pager a').click(function(){ 
    // time to wait (in ms) 
    var wait = 1000; 
    setTimeout(function(){ 
     slider.startAuto(); 
    }, wait); 
}); 

지연을 원하지 않으면 대기 시간을 0으로 설정할 수 있습니다. 그리고 저는 pagerCustom : '#pager'를 사용했기 때문에 '.bx-pager'를 '#pager a'로 변경했습니다.

Answer 3

당신은

$(document).ready(function(e) { }); 

또는 코드 사이

$(window).ready(function(e) { }); 

를 사용해야합니다.

그래서 올바른이 있어야

$(document).ready(function(e) { 
    $('.slider1').bxSlider({ 
    slideWidth: 1012, 
    slideHeight:200, 
    minSlides: 1, 
    slideMargin: 0, 
    controls: false, 
    auto: true 
    }); 
}); 

희망이 당신을 도울 것입니다 ...!

Answer 4

이 모든되었다 있었는지와 나는 bxslider official 페이지

$(document).ready(function(){ 
    $('.bxslider').bxSlider({ 
    mode: 'fade', 
    auto: true, 
    autoControls: true, 
    pause: 2000 
    }); 
}); 

Answer 5

나는 다음과 같은 해결책을 제안에서 얻었다. onSlideAfter은 각 슬라이드 전환 후에 실행됩니다. 그런 다음이 코드는 자동 실행을 시작하여이 때마다 slider.startAuto()이 실행되도록합니다.

var slider = $(".sliderBx ul").bxSlider({ 
    auto: true, 
    pager: true, 
    controls: true, 
    onSlideAfter: function() { 
     slider.startAuto(); 
    } 
});