Jun 092016
 

Спустя пять с половиной лет после создания галерей появилась возможность создавать их напрямую через сайт.


И так, что же случится, если перейти по ссылке “Create a gallery“?

А случится вот что.

Перед нами появится форма создания галереи с возможностью выбора одного из трех типов отображения.
1) File list view — обычный список превьюшек каждой картинки, используется по умолчанию. Пример галереи.
2) Gallery view — отображение в виде галерии (подробнее тут). Пример галереи.
3) Sized view — отображение в виде превьюшек с возможностью копирования ссылки на изображение нужного размера, которое потом подхватит VK. Идеально для стикеров. Пример галереи.

Рассмотрим каждое отображение подробнее.

1. File list view.
а) Вводим название и описание галереи (оба поля обязательны к заполнению, не знаю, зачем):

б) Затем перетаскиваем мышкой картинки в специально предназначенное для этого поле (можно перетаскивать несколько раз, можно пользоваться кнопкой выбора файлов (одного или нескольких)):

в) После чего получим следующее (каждую картинку можно удалить, нажав на ссылку “Delete”):

г) При успешном создании галерии получим сообщение об этом (ошибки будут описаны далее):

Галерея выглядит так:

Отредактируем галерею (подробнее тут, по пасскею авторизации больше нет).

а) Начнем с подписи к первой картинке, для чего кликнем под ней:

б) Введем необходимый текст:

в) И нажмем в любом месте страницы либо клавишу Enter:

г) Проделаем это для каждой картинки:

(В режиме редактирования можно менять картинки местами, просто потянув их при нажатой левой кнопке мыши.)

Получим такую галерею:

2. Gallery view.
а) Все полностью аналогично предыдущему, но выбираем “Type: Gallery view”:

б) И создаем галерею:

Получим:

Отредактируем, добавив подписи к картинкам:

Получим такую галерею, в которой в режиме слайд-шоу будут видны наши подписи:

3. Sized view.
а) Все опять аналогично, выбираем “Type: Sized view”:

б) И создаем:

Получаем вот такую галерею:

Добавим подписи:

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

Мобильные устройства.
Из-за малого объема памяти и тормознутости мобильных устройств было принято вместо превьюшек загружаемых картинок выводить названия файлов.
Вот как это выглядит на Windows Phone и iPad.

1) Windows Phone:

Получившаяся галерея.

2) iPad:

Получившаяся галерея.

А теперь рассмотрим возможные ошибки.
1) Если не заполнено хотя бы одно из полей (имя или описание), то будем получать такую ошибку:

Исправим ее, заполнив оба поля:

2) Но может возникнуть ошибка при загрузке какого-нибудь файла (например, неподдерживаемый формат или большой размер):

Необходимо исправить эту ошибку, возможно, заменив файл, и отправить форму заново:

После чего проблемный файл загрузится в созданную галерею: