jquery - 在幻灯片结束时上一页

Question

我有一个非常简单的幻灯片，但最后它会上升。所以它看起来像一个老虎机。但这不是我想要的。我在 jQuery 方面不是很有经验，但我认为我需要一个 if 语句。

但是最简单的方法是什么？我正在努力学习，所以不要给我直接的答案:-)

function slideShow (){
var current = 1;
var start=1;
var top = 194;
var zero = 0;
var transition = 3000;

$.timer(transition*4, function (change) {
    switch(current){
        case 1:
            $(".slide").stop().animate({top: -top+"px"}, { duration: transition});
            current++;
        break;
        case 2:
            $(".slide").stop().animate({top: -top*2+"px"}, { duration: transition});
            current++;
        break;
        case 3:
            $(".slide").stop().animate({top: -top*3+"px"}, { duration: transition});
            current++;
        break;
        case 4:
        $(".slide").stop().animate({top: zero+"px"}, {duration: transition});
            current = start;
        break;  
        timer.reset();
    }
});

Answer 1

当您到达'case 4'时，您再次将'current'变量设置为 1。因此，您的滑块从'case 1'开始，从而产生老虎机效果。

此外，在您的第四次切换之后， timer.reset() 代码无法访问，因为它在中断之后。