(html) соответствуют изображениям на странице html

Question

В папке имеется несколько изображений. Я хочу разместить как можно больше изображений из папки в html-страницу. Изображения будут выбраны случайным образом и будут иметь разную ширину & height. Я не хочу изменять размер изображений.

Как это осуществить? это можно сделать с помощью JavaScript? Это выглядит довольно сложно для меня. есть ли простой способ сделать это с помощью другого метода (на стороне сервера)?

благодаря

Edit: так что в основном у нас есть комната, в которой мы хотим, чтобы упаковать как много коробок, как мы можем, коробки все имеют различный размер и не могут быть уложены друг на друга ..

Answer 1

It будет выполнимо, но более трудно, я думаю, что в JavaScript,

Вы можете использовать язык на стороне сервера, как PHP, чтобы сделать это следующим образом:

1. нагрузки случайные файлы изображений
2. сложить их ширины и прекратить добавление изображений после того, как вы достигли желаемой ширину страницы (сделайте это по высоте тоже)
3. пусть PHP эхо из изображений в HTML <img/> элементов с основной разметкой HTML вокруг него или пустой макет

Если вы могли бы подробнее рассказать о деталях страницы (вид макета и т. д.), я мог бы предоставить более конкретный ответ.

Надеюсь, что это поможет.

Update:

Это довольно легко сделать в PHP, , если вы могли бы сделать это в JavaScript, я бы себе подход нечто вроде этого:

1. страница с <img width="" height =""/> элементами
2. с использованием DOM выполняет функции, чтобы получить элементы и прокручивать их, чтобы составить список, пока вы все еще ниже максимальной ширины и высоты.
3. размещайте их рядом друг с другом с позиционированием CSS

Answer 2

Это звучит как проблема бен упаковка:

http://en.wikipedia.org/wiki/Bin_packing_problem

http://mathworld.wolfram.com/Bin-PackingProblem.html