Я полностью новичок в jquery, и мне нужно изменить функцию слайд-шоу jquery для работы только onmouseout. Простой - если кто-то наведет #slideshow div, а слайд-шоу перестанет переключать изображения. вот мой сценарий слайд-шоу:
$("#slideshow").mouseout() {
$("#slideshow > div:gt(0)").hide();
setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 2000);
});
и вот мой $ slideshow div
<div class="ss">
<div id="slideshow">
<div>
<img src="img/ss.jpg">
</div>
<div>
<img src="img/ss2.jpg">
</div>
<div>
<img src="img/ss3.jpg">
</div>
<div>
<p>text</p>
</div>
</div>
</div>
var initList=setInterval(function() {
$('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');
}, 2000);
$('#slideshow').mouseover(function(){
clearInterval(initList);
}).mouseout(function(){
initList = setInterval(function(){ $('#slideshow > div:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow');}, 2000) ;
});
Я думаю, это сработает. Таким образом, когда наведение мыши происходит, интервал очищается от initList. Опять же, когда мышь может быть применена к initList