Как сделать группировку нескольких фото как "Вконтакте"?

Аватар пользователя Владимир Ситников Владимир Ситников 29 мая 2013 в 10:56

Друзья, сейчас создаю сайт с рекламой саун. Для каждой сауны существует множество фотографий. И мне очень нравится как сделан вывод групп фотографий во "Вконтакте". Там в зависимости от кол-ва фото изменяется сетка фотографии автоматически кадрируются и подгоняются чтобы заполнить пространство. При изменение кол-ва фото сетка меняется.

Есть ли для Друпал готовый модуль,а еще лучше плагин для views? А если нет, то как сделать что-то подобное?

Лучший ответ

Аватар пользователя kv4 kv4 30 мая 2013 в 7:24

"Владимир Ситников" wrote:
но как сделать так, чтобы одно фото было большое, а остальные маленькие?

Вот тут я написал, как делать одну картинку большой, другие маленькими. Аналогично вы можете задавать размер любым фотографиям произвольно, и сгруппировать их, как угодно.

Комментарии

Аватар пользователя q2_faith q2_faith 29 мая 2013 в 13:33

имхо, с помощью вьюс вывода грид + image_preset scale - решит 90% ваших проблем. Но вечером гляну, что там в конакте)

Аватар пользователя kv4 kv4 29 мая 2013 в 23:06

"Владимир Ситников" wrote:
Еще раз выкладываю картинку:

Вам именно так как на картинке нужно?

Аватар пользователя Владимир Ситников Владимир Ситников 30 мая 2013 в 6:21

Как я понимаю, "Вконтакте" в зависимости от ориентации фото (вертикальная или горизонтальная) и количества картинок, каждый раз выбирает разные размеры фото и схему расположения фото в группе.
Т.е. при 4 фото одно остается большим, а 3 делаются маленькими и располагаются рядом.
При 6 фото одной ориентации получается обычная сетка 2х3 без большого фото. При большем или меньшем кол-ве фото сетка меняется. Т.е. там все не так просто. http://drupal.org/project/views_fluidgrid умеет группировать фото, но как сделать так, чтобы одно фото было большое, а остальные маленькие?

Аватар пользователя kv4 kv4 30 мая 2013 в 7:24

"Владимир Ситников" wrote:
но как сделать так, чтобы одно фото было большое, а остальные маленькие?

Вот тут я написал, как делать одну картинку большой, другие маленькими. Аналогично вы можете задавать размер любым фотографиям произвольно, и сгруппировать их, как угодно.