2016-06-06 3 views
0

나는이 page에 대한 덧글 섹션에 sequence js slider을 추가했으나 무작위로 사이클링/자동 재생을 중지하는 이유를 알 수 없습니다. 콘솔 오류나 경고가 없습니다.시퀀스 Js 자동 재생이 무작위로 중지됨

수동 단추는 계속 작동하며 무작위로 계속 순환합니다. 그러나 나는 그것이 왜 처음부터 멈추는 지 이해하지 못합니다.

HTML :

<div id="sequence"> 
    <ul class="seq-canvas"> 
    <li class="seq-in step1"> 
     <div class="author"> 
     <h3>John Doe</h3> 
     <h4>Director, Company</h4> 
     </div> 
     <div class="review"> 
     <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."</p> 
     </div> 
    </li> 

    <li class="step2"> 
     <div class="author"> 
     <h3>Jane Smith</h3> 
     <h4>Lawyer, Other Company</h4> 
     </div> 
     <div class="review"> 
     <p>"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> 
     </div> 
    </li> 

    <li class="step3"> 
     <div class="author"> 
     <h3>Alex Sparks</h3> 
     <h4>Lawyer, Company</h4> 
     </div> 
     <div class="review"> 
     <p>"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p> 
     </div> 
    </li> 
    </ul> 
    <h1 class="section-title">What Our Clients Say</h1> 
    <a class="seq-prev"><i class="fa fa-chevron-left"></i></a> 
    <a class="seq-next"><i class="fa fa-chevron-right"></i></a> 
</div> 

JS :

// Get the Sequence element 
    var sequenceElement = document.getElementById("sequence"); 
    var options = { 
    startingStepAnimatesIn: true, 
    autoPlay: true, 
    autoPlayInterval: 4000, 
    keyNavigation: true, 
    fadeStepWhenSkipped: true 
    } 
    var mySequence = sequence(sequenceElement, options); 
+0

그리고이 '시퀀스 (...)'는 무엇입니까? – Andreas

+0

이것은 시퀀스가 ​​초기화되는 방법입니다. [http://www.sequencejs.com/documentation/](http://www.sequencejs.com/documentation/) – VeeK

+0

윈도우가 포커스를 잃었을 때 시퀀스가 ​​멈춘 것처럼 보입니다 - 즉, 내가 다른 사이트로 가서 돌아 오면, 그 때 그것은 멈췄다. 블러 플래그를 설정하고 다시 초점을 맞추어 코드를 통합하면 시퀀스 코드를 다시 실행할 수 있습니다. 그게 도움이 될거야. –

답변

0

그것은이었다 내가이

mySequence.stopped = function() { 
    console.log("Auto play stopped"); 
} 
같은 약간의 코드를 확인 할 수 있었다 호버에 자동 재생을 일시 정지 시퀀스의 Autoplay 기능

이 동작을 사용하지 않으려면 방금 다른 옵션을 사용했습니다. autoPlayPauseOnHover 그 문제가 해결되었습니다.

탭을 전환해도 여전히 멈추지 만 성능에 미치는 영향을 고려하면 상당히 합리적이라고 생각합니다. 나는 네가 돌아올 때 자동으로 시작된다.

관련 문제