javascript - 通过暂停/播放使寻呼机自动前进

我已经设法找出谁可以使用带有自动前进功能的循环插件来制作寻呼机图库

$(function () {
    $('#s4').before('<div id="nav" class="nav">').cycle({
        fx: 'fade',
        speed: 'slow',
        timeout: 6000,
        pager: '#nav',
        before: function () {
            if (window.console)
                console.log(this.src);
        }
    });
});

但是，由于这使用户失去了一些控制权，因此最好添加这样的播放/暂停按钮（最好是一个按钮）
play pause buttons here

最佳答案

尝试这个：

var slides = $('#s4').before('<div id="nav" class="nav"><button id="play_pause" class="pause">Pause</button></nav>')
.cycle({
    fx:     'fade',
    speed:  'slow',
    timeout: 6000,
    pager:  '#nav',
    before: function() { if (window.console) console.log(this.src); }
});

$('#pauseButton').click(function() {
    var obj = $(this);
    if (obj.hasClass('pause')) {
        obj.removeClass('pause').addClass('play').text('Play');
        slides.cycle('pause');
    } else if (obj.hasClass('play')) {
        obj.removeClass('play').addClass('pause').text('Pause');
        slides.cycle('resume');
    }
});

关于javascript - 通过暂停/播放使寻呼机自动前进，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1708526/