Javascript图像库

我正在寻找一个javascript函数，它基于动态生成的图像数组工作。目前我有一个预览窗口

单击此按钮时，我希望它隐藏预览窗口并加载阵列中的第一个图像。我希望能够浏览阵列中的其余图像

---

如果有人能给我指出正确的方向，或者如果你知道如何把这些结合起来，我将不胜感激。谢谢。

您可以动态创建一个图像元素并继续使用它，像这样吗？（这是使用jQuery）

加载nect图像
预览
//Javascript frome here（JQuery）
var images=Array（）；
push（'url/to/image.jpg'）；
window.lastImage=-1；
$（“#预览窗口”）。单击（函数（）{（“#下一页”）。单击（）；
$（'#nextImage'）。单击（函数（）{
window.lastImage+=1；
if（typeof（images[window.lastImage]）=='undefined'）{return；}//if endof数组
$（'#previewWindow'）.remove（）；//最好只执行一次
$（'#image'）.remove（）；//只创建一次图像更好
$('
编辑

刚刚读到你想点击预览窗口，补充说

<button id='nextImage'>Load nect image</button>
<div id='imageContainer'><div id='previewWindow'>Preview</div></div>


//Javascript frome here (JQuery)
var images = Array();
images.push('url/to/image.jpg');
window.lastImage=-1;
$('#previewWindow').click( function() { ('#nextImage').click(); });
$('#nextImage').click( function() {
 window.lastImage += 1;
 if(typeof(images[window.lastImage]) == 'undefined') { return; } //if endof array
 $('#previewWindow').remove(); //better is to only do this once
 $('#image').remove(); //Only creating an image once is even better
 $('<img />')
  .attr('id', 'image')
  .attr('src', images[window.lastImage])
  .appendTo('#imageContainer');
});