0

好的，我正在尝试修改一些已经编写好的 jQuery - 作为背景，我对 Javascript 相当了解，但我对 jQuery 的了解只是马马虎虎。我对这段代码的理解是有一个滚动条，每6秒就会改变一次。我不确定这里是否有任何视频特定代码 - 现在滚动条在其中一个窗格上嵌入了一个视频，点击它。

我想要做的是设置一个图像（目前在里面<div class=vid>，未显示），当它被点击时，它将停止平移，直到底部的一个按钮被点击，它也会播放一个 flash 视频.

这是代码：

<script type="text/javascript">
    jQuery(document).ready(function() {

    var scroll_item = jQuery("#chained").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({
            interval: 6000,
            autoplay: false,
            autopause: false
        }); 
    window.scroll_control = scroll_item.data("scrollable");


    scroll_control.play();

    var $playBtn =  $('#p-p-btn');

        $playBtn.click(function(){
            if($(this).hasClass('play')){
                $(this).addClass('pause');
                $(this).removeClass('play');
                scroll_control.play();
            } else if($(this).hasClass('pause')) {
                $(this).addClass('play');
                $(this).removeClass('pause');
                scroll_control.stop();
            };
                                }); 

        jQuery('#chained').hover(
            function() { scroll_control.stop(); },
            function() {
                if ($playBtn.hasClass('pause')) {
                    scroll_control.play();
                    }
                }
            );

    });
</script>

我相信我所要做的就是添加一个条件来确定图像是否被点击（它在<div class=vid>我相信我所要做“播放/关闭按钮？），它还将启动具有自动播放设置的视频。

这听起来准确吗？

我将如何关闭平移？

4

1 回答 1

0

我不完全理解代码，因为我不知道整个上下文。但是尝试将其添加到您的文档中：

$("#YOURIMAGEID").bind("click",function(){
          scroll_control.stop();
          $('#p-p-btn').addClass('play');
          $('#p-p-btn').removeClass('pause');
         //other logic
});
于 2012-06-07T14:50:59.910 回答