javascript - 通过 img slider jQuery 向后移动

Question

您好，我使用带有上一个和下一个按钮的 jQuery 制作了一个小的 img slider 。 slider 自动前进，下一个按钮也有效，但上一个按钮不稳定...这是 jsfiddle 的链接，因为它有点长:

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

...和强制性片段:

var sliderCentral = {                             

  nextImage: function(d) {
          var index = currIndex + d;

          if (index <= 0) {       
            index = totalImg;       
          };
          if (index >= totalImg) {        // totalImg = 4
            index = 0;
          };
          currIndex = index;   
          $slider.fadeIn(500);  
  }, 

我已经注释掉了我认为有问题的地方。这应该是一个快速修复(对于知道自己在做什么的人)...有什么帮助吗？

提前致谢

-D

Answer 1

这是解决方案:Jsfiddle link

       nextImage: function (d) {  
          var index = currIndex + d;

          if (index < 0) {
              index = totalImg - 1;
          }
          else if (index >= totalImg) { // totalImg = 4
              index = 0;
          }

          //console.log(index);             // see what happens 
          currIndex = index;
          var Img = imgArr[currIndex]; // looky here??            
          $slider.attr("src", Img);
          $slider.fadeIn(100);
      },
      forwardsGo: function () {

          $slider.fadeOut(100, function () {
              sliderCentral.nextImage(1);
          });
      },

      backwardsGo: function () {

          $slider.fadeOut(100, function () {
              sliderCentral.nextImage(-1);
          });
      },