0

わかりました、私はすでに書かれたいくつかのjQueryを変更しようとしています - 背景として、私はJavascriptをきちんと知っていますが、jQueryについてはまあまあです。このコードについての私の理解では、6 秒ごとに変化するスクロール バーがあるということです。ただし、ここにビデオ固有のコードがあるかどうかはわかりません。現在、スクロールバーには、クリックされたペインの 1 つにビデオが埋め込まれています。

私がやろうとしているのは、画像を設定することです（現在は の中<div class=vid>にあり、表示されていません）。クリックすると、下部のボタンの1つがクリックされるまでパンが停止し、フラッシュビデオも再生されます.

コードは次のとおりです。

<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>、おそらく id も与えるつもりです)。 " 再生/オフ ボタン?)、また、自動再生設定でビデオを起動します。

それは正確に聞こえますか？

ペインをオフにするにはどうすればよいですか?

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 に答える