2011-08-04 21 views
0

a web siteには、ページが読み込まれると自動的にスライドするjQueryスライダがあります。マウスの上にマウスを置いたときにスライダーを停止させるにはどうすればよいですか?マウスを動かすとJQueryスライダが停止する

私は、次のjQueryコードを使用しています:

var my_jQuery = jQuery.noConflict(true); 

    window.onload = function() { 

     // added by pesach 

     var totalWidth=0; 
     var numItems=0; 
     my_jQuery('li', 'div#scroll_Bar').each (function() { 

     totalWidth = totalWidth + my_jQuery(this).outerWidth() + 1; 
     numItems = numItems + 1; 

     }); 
     //alert(totalWidth * -1); 

     my_jQuery('ul', 'div#scroll_Bar').width(totalWidth); 
     var slidewidth = totalWidth - 960; 
     //end of addition 


     var container = $('div#scroll_Bar'); 
     var ul = $('ul', container); 

     var itemsWidth = ul.innerWidth() - container.outerWidth(); 

     //$("div.sliderGallery ul li").hover(stop(true, true), stop(true, true)); 
     my_jQuery('ul', 'div#scroll_Bar').animate({'left' : slidewidth * -1}, numItems * 1000, 'linear'); 
     my_jQuery('ul', 'div#scroll_Bar').animate({'left' : 0}, numItems * 800, 'linear'); 


     my_jQuery('.slider', container).slider({ 
      min: 0, 
      max: itemsWidth, 
      handle: '.handle', 
      stop: function (event, ui) { 
       ul.animate({'left' : ui.value * -1}, 500),my_jQuery('ul', 'div#scroll_Bar').stop(true, true); 
      }, 
      slide: function (event, ui) { 
       ul.css('left', ui.value * -1),my_jQuery('ul', 'div#scroll_Bar').stop(true, true); 
      } 
     }); 

    }; 

答えて

1

おそらく.stop()コマンドを使用していますか?あなたの2つのアニメイトラインの後にそう

:また

my_jQuery('ul','#scoll_Bar').mouseover(function(){ 
    $(this).stop(); 
}); 

は、IDを持つ要素の前にdivを持つにはポイントがありませんので、それらを削除します。
のdiv #scroll_Barは

+0

をいただきありがとうございますあなた応答。コードを入力した後、マウスを置くと止まることはありません。あなたは(私はコードを追加)を参照してくださいリンクをチェックアウトすることができます。それ以上の提案があれば、大いに感謝します。前もって感謝します – pzirkind

関連する問題