反转这个jQuery幻灯片插件

时间:2013-06-15 13:33:33

标签: jquery html css

我需要帮助才能撤消此插件:

$(document).ready(function() { 
  var currentDiv = 0;
$('#wof #arrowRight').click(function() {
    $('.group' + (currentDiv + 1)).fadeOut(250);
    currentDiv = (currentDiv + 1) % 5;
    $('.group' + (currentDiv + 1)).delay(250).fadeIn(250);
}); 
});

这是右箭头,我需要一个左箭头,所以你回去一个数字。 我试过这个,但它有点打破了插件。

$('#wof #arrowLeft').click(function() {
    $('.group' + (currentDiv + 1)).fadeOut(250);
    currentDiv = (currentDiv + 1) % 5;
    $('.group' + (currentDiv - 1)).delay(250).fadeIn(250);
}); 
});

那么我如何以最聪明的方式做到这一点?

1 个答案:

答案 0 :(得分:1)

这应该有效:

$('#wof #arrowLeft').click(function() {
    $('.group' + (currentDiv + 1)).fadeOut(250);
    currentDiv = currentDiv - 1;
    if (currentDiv < 0)
        currentDiv = 4;
    $('.group' + (currentDiv + 1)).delay(250).fadeIn(250);
});

您需要减少currentDiv,而不是增加它。