Загрузить кучу изображений с помощью jQuery

Question

Я создаю галерею, и у меня есть более 100 фотографий. Было бы неразумно загружать их все, используя html src. Есть ли способ загрузить все изображения с помощью jQuery?

Я все изображения с именем "изображения (1)", "изображение (2)" и т.д.

Я хотел бы сделать что-то вроде

<li><img src="image(x)"/></li> 
<li><img src="image(x)"/></li> 
<li><img src="image(x)"/></li> 

т.д.

Спасибо! !

Answer 1

Вы можете создать функцию, как этот

<div id="images"></div> 

function createImages(){ 
    var div = $('#images'); 
    for (i = 1; i < 100; i++) { 
     var imgIndex = 'image(' + i + ').jpg'; // image(0).jpg; 
     var src = '<img src="your path goes here.' + imgIndex+ '">'; 
     div.innerHTML += src; 
    } 
} 

Answer 2

я понял это сам. Спасибо за помощь Джонни!

function addImagetoGallery(){ 
     for (i = 1; i < 40; i++){ 
      var imgIndex = 'thumbnail ('+i+').jpg'; // image(0).jpg; 
      var src = '<img src="photos/thumbnail/' + imgIndex+ '">'; 
      $('#imageWrapper').prepend(src); 
     } 

    }