Остановка jQuery onmouseover

0

Я полностью новичок в 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>
Теги:

1 ответ

1
Лучший ответ
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

  • 1
    Можете ли вы рассказать ОП, что вы сделали? Объясните, что вы назвали setInterval, чтобы вы могли очистить его и перезапустить? Таким образом, OP и будущие поколения SO'er узнают не только как, но и почему вы сделали то, что сделали.
  • 0
    Спасибо, сэр. Я буду помнить об этом @JayBlanchard

Ещё вопросы

Сообщество Overcoder
Наверх
Меню