Javascript 单击时，加载图像阵列并加载下一个图像

我正在尝试用x图像构建一个渐进式滑块。这意味着，无论数组包含多少图像，在页面加载时，滑块都会在滑块容器中加载3个图像

单击next/prev（下一个/上一个）将前3个图像滑动到任意一侧，然后加载下3个图像（如果有）

它应该将下一个索引号发送到下一个函数，并在单击时增加/减少

这有意义吗？：）这是我制作的一个快速模型。。。欢迎提出任何意见：O）

谢谢

var aImages = new Array("image1.jpg","image2.jpg","image3.jpg");
var slideImage = 1;

function showImages()
{
    var startImage = (slideImage -1)*6+1;
    var endImage = (startImage +5);

    for(i=startImage ; i <= endImage ; i++)
    {
        $('imageId'+ i).src = aImages[i];
        slideImage ++;
    }

}

function slideImages()
{        
    var startImage = (slideImage -1)*6+1;
    var endImage = (startImage +5);

    for(i=startImage ; i <= endImage ; i++)
    {
        $('imageId'+ i).src = aImages[i];
    }
}   

slideImages();

var-aImages=新数组（“image1.jpg”、“image2.jpg”、“image3.jpg”）；
var slideImage=1；
函数showImages（）
{
var startImage=（slidemage-1）*6+1；
var endImage=（起始时间+5）；
对于（i=startImage；i要获得最佳体验，您至少应预加载前3张和后3张图像

你也可以这样做

var imageList = [];
for(...)
{

    var img = new Image();
    img.src = '';
    imageList.push(img);

}

把它们放在缓存里

使用9个图像占位符（中间3个，每边3个），然后只应用

imgNode.src = imageList[x].src

试试这个：你能使用一个库吗？scrollable非常容易使用。我会研究一下，thx:）很好-我会为mé尝试一下thar and ser of it World:）