Javascript Resim galerisi

Question

Dinamik olarak oluşturulmuş bir dizi görüntüye dayanan bir javascript işlevi arıyorum. Şu anda bir önizleme pencerem var.

Bu tıklandığında, önizleme penceresini gizlemek ve ilk görüntüyü diziye yüklemek istiyorum. Dizideki kalan görüntüler arasında gezinmek istiyorum.

Birisi bana doğru yönde işaret edebilir veya bu konuyu nasıl ekleyeceğinizi biliyorsanız, bu çok takdir edilecektir. Teşekkürler.

Answer 1

Dinamik olarak bir görüntü öğesi oluşturabilir ve bunu kullanmaya devam edebilir misiniz? (jQuery kullanıyor).

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

DÜZENLEME
Sadece önizleme penceresini tıklayın edebilmek istiyorum okumak, sözlerine ekledi.