Как добавить в слайдер паузу при наведении мышки?

Question

[Dimas123]

Вот этот код добавляет в слайдер автоматическую прокрутку слайдера. Можно ли его изменить, что бы он переставал прокручивать при наведении мышки на слайдер?

<script type="text/javascript" charset="utf-8">
    jQuery(document).ready(function(){
        var change_every = 5; // The number of seconds that the slider will auto-advance in
        var current = 1;
        function auto_advance(){
            if(current == -1) return false;
            jQuery('#featured-content .slider-next').eq(current % jQuery('#featured-content .slider-next').length).trigger('click', [true]);
            current++;
        };
        setInterval(function(){auto_advance()}, change_every * 1000);
    });
</script>

Answer 1

[IceJOKER]

Как-то так:

<script type="text/javascript" charset="utf-8">
    jQuery(document).ready(function(){
        var change_every = 5; // The number of seconds that the slider will auto-advance in
        var current = 1;
        var timeoutId;
        var start = function(){
            timeoutId = setInterval(function(){auto_advance()}, change_every * 1000);
        }
        var stop = function(){
            if(timeoutId) clearTimeout(timeoutId);
        }
        function auto_advance(){
            if(current == -1) return false;
            jQuery('#featured-content .slider-next').eq(current % jQuery('#featured-content .slider-next').length).trigger('click', [true]);
            current++;
        };

        start();
        
        jQuery('#featured-content').mouseenter(function(){
            stop();
        });        
        jQuery('#featured-content').mouseleave(function(){
            start();
        });
    });
</script>

Comments

[Dimas123]

С этим кодом прокрутка останавливается и не возобновляется, если мышку убрать.

[IceJOKER]

Dimas123: обновил ответ

Answer 2

[Timur Yessentayev]

В настройках добавить pauseOnHover: true
pauseOnHover – останавливает перелистывание слайдов при наведении курсора мыши на тело слайдера. Работает, только если определено автоматическое переключение слайдов.