Question

我正在尝试使用prev和next按钮创建一个简单的滑块。滑块工作正常，下一个按钮功能正常，但正如您所见，上一个按钮不稳定：

invNext.on('click', function PreviousPic() {

  var currentPic = $('.img-nav-container > img');
  $(currentPic).fadeOut(1000, function () {

    // fadeIn the previous image in the array
    var img = imgArr[(currIndex - 1)]; // not working
    $("#slider").attr("src", img);
    GetNewImage();
    $("#slider").fadeIn(1000);

  });

http://jsfiddle.net/davidpm/5TsL6/

我做了一个jsfiddle，因为看到所有的事情会更有帮助。我错过了什么？此外，我很感激有任何帮助重构这个烂摊子。我仍然是jQuery的新手...

提前致谢，

-D

Answer 1

试试这个，

invNext.on('click', function PreviousPic() {

  var currentPic = $('.img-nav-container > img');
  $(currentPic).fadeOut(1000, function () {

    // fadeIn the previous image in the array
    var img = imgArr[(currIndex - 2)]; // not working
    $("#slider").attr("src", img);
    GetNewImage();
    $("#slider").fadeIn(1000);

  });

jQuery滑块下一个上一个按钮问题

1 个答案: