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