在滑块项目上,我遇到了一个小问题。
当用户用户点击下一个按钮时,它会停止我的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);
});
}); });
非常感谢。