Как создать массив из картинок

[KamalovRadik]

Возможно ли такое, можно же создать массив из чисел и из строк.
Как можно создать массив из картинок?

[crayday]

Также, как из чисел и строк:

var array = new Array();
var image = new Image();
image.src = "example.jpg"; // картинка закэширована, но ещё не в dom'е
array.push(image);

или

var array = document.getElementsByTagName('img'); // выбрать вообще все картинки (теги img) на странице

[melky]

Как можно создать массив из картинок?

//myImages - массив
var myImages = [].slice.call( document.images, 0 );

// путь к первой картинке
myImages[0].src = ...

// обойдем все картинки
myImages.forEach(...)

// добавим новую картинку в массив
myImages.push( new Image );

[KamalovRadik]

var array = document.getElementsByTagName('img');

Это значит будет браться из хтмл кода. А как тогда скрыть эти картинки в хтмл коде? Чтобы они появлялись только по определенным условиям

[Sweet]

function getImages(n){
  var array = [];
  while( n-- )
    array.push( new Image );
  return array;
};

[KamalovRadik]

new Image

А затем в отдельном цикле прописать src для этих картинок, так?

[KamalovRadik]

Если у меня в папке есть 50 картинок с именами 1-50, можно ли как-нибудь автоматизировать заполнение массива?


function getImages(n) {

array = [];
while(n--)
array.push(new Image);

};

while (n--) {

array[n].src = 'images/50.jpg'; // н-р чтобы эта "50" менялась с "n"
}

[Sweet]

function getImages(n){
  for( var image, array = [], i = 1; i <= n; i++ ){
    image = new Image;
    image.src = "images/" + i + ".jpg";
    array.push( image );
  };
  return array;
};

[KamalovRadik]

А как выводить изображения на экран?
document.write(array[3]);
Появляется Image HTML Obgect

[KamalovRadik]

[object HTMLImageElement]