SlidesJS - 「滑動到」中斷代碼

我有一個滑塊，其行爲通常會在有人播放Youtube視頻之前停止，直到視頻結束。視頻完成後，轉發到下一張幻燈片。SlidesJS - 「滑動到」中斷代碼

但是，一旦它轉發到下一張幻燈片，動畫會完全停止，並且前一個/下一個按鈕會中斷。有沒有人有修復？

的SlidesJS谷歌組張貼我什麼也沒做的修復。

感謝

編輯：這裏的滑塊（自動由WordPress主題生成）的HTML代碼：

<div class="sText" id="textSlider"> 
    <div class="slide"> 
     <div class="slide-image"><img src="http://daatsolutions.info/ditto/wp-content/uploads/2012/02/slide-vid1.png" /></div> 
     <div class="slide-text-right "> 
      <div class="slide-title"><a href="http://daatsolutions.info/ditto/2012/01/test-2/"> Test </a></div> 
      <div id="videoDiv">Loading...</div> 
     </div> 
     <div class="clear"></div> 
    </div><!--/ .slide -->  
    <div class="slide"> 
     <div class="slide-image"><img src="http://daatsolutions.info/ditto/wp-content/uploads/2011/12/frame_1.jpg" /></div> 
     <div class="slide-text-right "> 
      <div class="slide-title"><a href="http://daatsolutions.info/ditto/2011/12/for-lifes-assets/"> For Life&#8217;s Assets </a></div> 
      <div class="slide-descr"><p><img src="http://daatsolutions.info/ditto/wp-content/uploads/2011/12/assets-text.png" alt="" title="assets-text" width="204" height="77" class="alignnone size-full wp-image-261" /></p></div> 
      <div class="clear"></div> 
     </div><!--/ .slide-text --> 
     <div class="clear"></div> 
    </div><!--/ .slide --> 
    <div class="slide"> 
     <div class="slide-image"><img src="http://daatsolutions.info/ditto/wp-content/uploads/2011/12/frame_2.jpg" /></div> 
     <div class="slide-text-right "> 
      <div class="slide-title"><a href="http://daatsolutions.info/ditto/2011/12/second-test/"> Store things that matter </a></div> 
      <div class="slide-descr"><p><img src="http://daatsolutions.info/ditto/wp-content/uploads/2011/12/store-text.png" alt="" title="store-text" width="236" height="63" class="alignnone size-full wp-image-259" /></p></div> 
      <div class="clear"></div> 
     </div><!--/ .slide-text --> 
     <div class="clear"></div> 
    </div><!--/ .slide --> 
</div><!--/ .sText -->

我使用的默認YouTube的JavaScript API，以改變這一功能：

// This function is called when the player changes state 
     function onPlayerStateChange(newState) { 
     //updateHTML("playerState", newState); 
     var slidestat = $("#textSlider").slides("status","state"); 
     var slidenum = $("#textSlider").slides("status","current"); 
     //alert(slidestat); 
     if(slidenum>1) { 
      $('#textSlider').slides("play"); 
     } else { 
      $('#textSlider').slides("stop"); 
     } 
     if(newState == 1) { //playing (3 is buffering) 
      $('#textSlider').slides("stop"); 
      $("#textSlider").slides("slide",1); //compensates for slidesjs bug that goes 1 slide before stopping 
     } if(newState == -1) { //unstarted 
      $('#textSlider').slides("pause"); 
     } if((newState == 2) || (newState == 0)) { //paused or finished 
      $('#textSlider').slides("play"); 
      $("#textSlider").slides("slide",2); 
     } else { 
      //$('#textSlider').slides("stop"); 
     } 
     }

來源

2012-02-11 aneko

請發佈按鈕的代碼和滑塊，以便我們可以重現問題。 – danwit 2012-02-12 00:27:58

danwit - 我添加了我更改的代碼。所有其餘的部分是默認的幻燈片和默認的YouTube API。 – aneko 2012-02-12 09:28:37

我通過使用setTimeout（）（我希望它在每張幻燈片上暫停的秒數）而不是滑塊的內置函數來解決問題。

來源

2012-02-13 19:06:37 aneko

SlidesJS - 「滑動到」中斷代碼

回答

相關問題