Форум программистов
 
О проблемах с регистрацией пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail, а тут можно восстановить пароль.

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Ответ
 
Опции темы
Старый 04.12.2020, 20:55   #1
tovarz
Пользователь
 
Регистрация: 14.02.2011
Сообщений: 11
По умолчанию Верстка нескольких картинок при выборе

Здравствуйте
Есть кнопка выбора нескольких картинок.

Код:
<input type="file" id="myfiles" accept="image/*" multiple="true">
Картинки с большой вероятностью имеют разные размеры.

Обрабатываю выборку:

Код:
 $('#myfiles').on('change', function () { 
     var files = this.files;
     $.each(files, function(i, file) {      
		var img = new Image();
		
		img.onload = function(){
                            /*Здесь нужен какой-то скрипт для красивого расположения картинок*/
		}

               img.src = URL.createObjectURL(file);
	});
       
       /*Или вот здесь нужен какой-то скрипт для красивого расположения картинок*/
});
Подскажите, пожалуйста, методы для красивого расположения картинок после выборки (например, как ВКонтакте при выборе нескольких картинок для поста). Пробовал masonry, но, насколько я понял, там нужно изначально задавать высоту и ширину блоков. А в моем случае неизвестно же, что выберет пользователь.
Заранее спасибо!
tovarz вне форума Ответить с цитированием
Ответ
Купить рекламу на форуме 20000 рублей в месяц
Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обработка нескольких картинок в Матлаб irchick Помощь студентам 0 18.07.2016 16:22
Ошибка при выборе нескольких массивов julius Microsoft Office Excel 7 28.01.2015 19:25
Объединение нескольких картинок TImage Master07 Общие вопросы C/C++ 1 23.04.2010 09:06
Ошибка при выборе картинок Delphi7 Dalagardi Помощь студентам 4 16.03.2010 15:18
Склеивание нескольких картинок harryp Мультимедиа в Delphi 4 08.07.2009 21:06


Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru
Пеллетный котёл Emtas
котлы EMTAS