SlidesJS - "slide to“破坏代码

Question

我有一个滑块，它的行为正常，直到有人播放Youtube视频-然后它停止，直到视频结束。视频制作完成后，将转到下一张幻灯片。

然而。一旦它前进到下一张幻灯片，动画就会完全停止，并且上一个/下一个按钮断开。有谁有办法吗？？

http://adinamurch.com/vidtest.html

发布在SlidesJS Google组中的修复程序对我没有任何帮助。

谢谢

编辑:这是滑块的HTML代码(由Wordpress主题自动生成)：

<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");
        }
      }

Answer 1

我通过使用setTimeout() (使用我希望它在每张幻灯片上暂停的秒数)而不是滑块的内置函数解决了这个问题。