Javascript图库

Question

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

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

如果有人能指出我正确的方向，或者你知道如何把它放在一起，我将不胜感激。感谢。

Answer 1

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

<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');
});

修改的
刚看过你想要点击预览窗口，添加它。