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