Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过img滑块jQuery返回_Javascript_Jquery - Fatal编程技术网

Javascript 通过img滑块jQuery返回

Javascript 通过img滑块jQuery返回,javascript,jquery,Javascript,Jquery,嗨,我用jQuery和prev和next按钮制作了一个小小的img滑块。滑块自动前进,“下一步”按钮也工作,但“上一步”按钮不稳定。。。这里有一个指向JSFIDLE的链接,因为它有点长: …以及必需的代码片段: var sliderCentral = { nextImage: function(d) { var index = currIndex + d; if (index <=

嗨,我用jQuery和prev和next按钮制作了一个小小的img滑块。滑块自动前进,“下一步”按钮也工作,但“上一步”按钮不稳定。。。这里有一个指向JSFIDLE的链接,因为它有点长:

…以及必需的代码片段:

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);  
  }, 
var sliderCentral={
下一页:功能(d){
var指数=货币指数+d;
如果(index=totalImg){//totalImg=4
指数=0;
};
currIndex=指数;
$slider.fadeIn(500);
}, 
我已经指出了问题所在。这应该是一个快速解决方案(对于知道自己在做什么的人来说)…有什么帮助吗

提前感谢,


-D

在推进和延迟当前索引方面存在一些问题

     forwardsGo: function() {                  

            $slider.fadeOut(500, function () {              
            var nextIndex = (currIndex+1 > totalImg)?0:currIndex+1;  //new
            var currentImg = imgArr[nextIndex];        //amended          
                $slider.attr("src", currentImg);             
                sliderCentral.nextImage(1);                   
            });  
      },

      backwardsGo: function() {

            $slider.fadeOut(500, function () {
            var prevIndex = (currIndex-1 < 0)?totalImg:currIndex-1; //new 
            var prevImg = imgArr[prevIndex];    //amended            
                $slider.attr("src", prevImg);  
                sliderCentral.nextImage(-1);                              
            }); 
      },
....
forwardsGo:function(){
$slider.fadeOut(500,函数(){
var nextIndex=(currendex+1>totalImg)?0:currendex+1;//新建
var currentImg=imgArr[nextIndex];//已修订
$slider.attr(“src”,当前img);
滑块中心下一页(1);
});  
},
backwardsGo:function(){
$slider.fadeOut(500,函数(){
var prevIndex=(currIndex-1<0)?totalImg:currIndex-1;//新建
var prevImg=imgArr[previindex];//修改
$slider.attr(“src”,prevImg);
滑块中心下一个时间段(-1);
}); 
},
....
请参阅:

以下是解决方案:

nextImage:function(d){
var指数=货币指数+d;
如果(指数<0){
指数=总img-1;
}
如果(索引>=totalImg){//totalImg=4,则为else
指数=0;
}
//console.log(index);//看看会发生什么
currIndex=指数;
var Img=imgArr[currendex];//看这里??
$slider.attr(“src”,Img);
$slider.fadeIn(100);
},
forwardsGo:函数(){
$slider.fadeOut(100,函数(){
滑块中心下一页(1);
});
},
backwardsGo:函数(){
$slider.fadeOut(100,函数(){
滑块中心下一个时间段(-1);
});
},

前进和减速currendex时出现了一些问题。请参阅:这可能会有帮助:谢谢Gyandeep!工作起来很有魅力!
       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);
          });
      },