Как создать массив из картинок
Возможно ли такое, можно же создать массив из чисел и из строк.
Как можно создать массив из картинок? |
Также, как из чисел и строк:
var array = new Array(); var image = new Image(); image.src = "example.jpg"; // картинка закэширована, но ещё не в dom'е array.push(image); или
var array = document.getElementsByTagName('img'); // выбрать вообще все картинки (теги img) на странице
|
Цитата:
//myImages - массив var myImages = [].slice.call( document.images, 0 ); // путь к первой картинке myImages[0].src = ... // обойдем все картинки myImages.forEach(...) // добавим новую картинку в массив myImages.push( new Image ); |
Цитата:
|
function getImages(n){
var array = [];
while( n-- )
array.push( new Image );
return array;
};
|
Цитата:
|
Если у меня в папке есть 50 картинок с именами 1-50, можно ли как-нибудь автоматизировать заполнение массива?
function getImages(n) { array = []; while(n--) array.push(new Image); }; while (n--) { array[n].src = 'images/50.jpg'; // н-р чтобы эта "50" менялась с "n" } |
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;
};
|
А как выводить изображения на экран?
document.write(array[3]); Появляется Image HTML Obgect |
[object HTMLImageElement] |
| Часовой пояс GMT +3, время: 04:16. |