Question

我有一个这个画廊，一次显示两个项目，但我想知道是否有一个更优雅的方式，而不是在画廊中的项目B一直重复相同的代码。

这是主要代码：

var Gallery = new Object();
    window.onload = function(){
Gallery.Images = ['red','blue','pink','green','yellow','purple','orange','navy'];
Gallery.CurrentIndexA = 0;
    Gallery.CurrentIndexB = 1;
 };

Gallery.Next = function(){
if (Gallery.CurrentIndexA < (Gallery.Images.length-1)){ 
    Gallery.CurrentIndexA++;
    Gallery.CurrentIndexB++;
    console.log("A is:" + Gallery.CurrentIndexA);
    console.log("B is:" + Gallery.CurrentIndexB);
} 
else {
    Gallery.CurrentIndexA = 0;
}
Gallery.Display();
};

Gallery.Prev = function(){
if (Gallery.CurrentIndexA > 0){
    Gallery.CurrentIndexA--;
    Gallery.CurrentIndexB--;
    console.log("A is:" + Gallery.CurrentIndexA);
    console.log("B is:" + Gallery.CurrentIndexB);
}
else {
    Gallery.CurrentIndexA = (Gallery.Images.length-1); 
}
Gallery.Display();
};

Gallery.Display = function(){
var photoA = document.getElementById('photoA');
var photoB = document.getElementById('photoB');
var currentImageA = Gallery.Images[Gallery.CurrentIndexA];
var currentImageB = Gallery.Images[Gallery.CurrentIndexB];
photoA.className = currentImageA;
photoB.className = currentImageB;
};

这是一个小提琴：http://jsfiddle.net/2AdA9/1/

非常感谢！

Answer 1

如果你想让它看起来更好，你可以做的就是这样。

Gallery.moveUp = function (){
    Gallery.CurrentIndexA += 1;
    Gallery.CurrentIndexB += 1;
};

Gallery.moveDown = function (){
    Gallery.CurrentIndexA -= 1;
    Gallery.CurrentIndexB -= 1;
};

然后在你想要向上移动或向后移动时调用这些功能。

一次有两个项目的Javascript库

1 个答案: