下一个按钮与自动播放冲突

时间:2018-02-08 09:51:48

标签: javascript jquery slider click autoplay

在滑块项目上,我遇到了一个小问题。

当用户用户点击下一个按钮时,它会停止我的autoplay功能,实际上,这就是我想要的。但我的autoplay有指示点击next按钮。

所以我必须提出以下条件:

如果用户按下next,则停止自动播放,否则:继续自动播放。

Maybbe .trigger('click', param...)功能autoplay

以下是该脚本的一部分:

$(function() {
function autoplay() {
    timer = setInterval(function() {
        $('#next-icon').click();
    }, 5000);
};
$('#next-icon').click(function() {
    imgIndex++;
    if (imgIndex > totalImg.length - 1) imgIndex = 0; 
    var nextImgSrc = galry.children('.item:eq('+(imgIndex)+')').children('img').attr('src');
    slider.fadeOut(function() {
        slider.html('');
        var     newImgName = nextImgSrc.split('.'),
            newSrcB4 = newImgName[0]+'-b4.'+newImgName[1];
        $('<img src="'+newSrcB4+'" class="hover" alt="">').hide().appendTo('.slider');
        $('<img src="'+nextImgSrc+'" alt="">').appendTo('.slider');
        $('.slider-icon').children('.txt').text((imgIndex + 1)+' of '+totalImg.length);
        slider.fadeIn();
        $('#pause-icon').hide(); $('#play-icon').show();
        clearInterval(timer);
    });
}); });

非常感谢。

0 个答案:

没有答案