Dreamweaver CS6 — как остановить бегунок при наведении курсора мыши?

Ниже приведен код jquery. Мне интересно, как и где именно в коде мне нужно вводить функцию, когда я перехожу ползунок, он приостанавливает скольжение. А затем, когда я перемещаю мышь из ползунка, он продолжает скользить фотографии. .

$(document).ready(function() {

    $('.photo').hover(function() {

        $(this)
            .find('.caption')
            .stop()
            .animate({
                bottom: '0'
            }, {
                duration: 2000,
                easing: 'easeOutQuart'
            });
    }, function() {

        $(this)
            .find('.caption')
            .stop()
            .animate({
                bottom: '-100px'
            }, {
                duration: 2000,
                easing: 'easeOutQuart'
            });

        var interval = setInterval(slideSwitch, 2000);

    });

});

javascript slider jquery onmouseover
person Mark89    schedule 22.07.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать функцию jQuery hover() в качестве ярлыка:

$(function() {
    var interval = setInterval( slideSwitch, 10000 );

    $('#slideshow').hover(function() {
        clearInterval(interval);
    }, function() {
        interval = setInterval( slideSwitch, 10000 );
    });
});

Вот ссылка на рабочий пример.

person Krishna Chandran    schedule 22.07.2015