javascript - 悬停时另一个 jQuery slider 暂停

Question

我一直在寻找一种方法来暂停我正在使用的 slider ，我的印象是我可以合并一个简单的 .mouseenter() .mouseleave() 函数(对于JS)，而我所看到的似乎表明它仅取决于您使用的代码的构造方式。我现在有点不知所措，所以我们将不胜感激 - 我的代码如下:

        <div id="slideshow">
            <div class="vertical">
                <img src="" />
            </div>
            <div class="vertical">
                <img src="" />
            </div>
            <div class="vertical">
                <img src="" />
            </div>
        </div>

$("#slideshow > div:gt(0)").hide();
setInterval(function() { 
$('#slideshow > div:first')
.fadeOut()
.next()
.fadeIn(500)
.end()
.appendTo('#slideshow');
},  4500);

Answer 1

我责怪我的过敏症发作那天没有得到这个 - 我能够使用 this thread 的变体实现我想要的东西.

干杯，SO!调整后的代码如下:

$(function(){
SliderStartStop();
$('#slideshow').hover(function(){clearInterval(sliderInt);},SliderStartStop);
});
function SliderStartStop(){
$("#slideshow > div:gt(0)").hide();
sliderInt = setInterval(function() { 
$('#slideshow > div:first')
.fadeOut()
.next()
.fadeIn(500)
.end()
.appendTo('#slideshow');
},  4500);}