0
Другие записи за это число:
2022/07/18 - Аккаунт документации
2022/07/18_1 - убрал дурацкое вылетающее окно
2022/07/18_2 - Ограничение на размер заметки - до 15 мегабайт текста вместе с версткой
2022/07/18_3 - Прикрутил сервис обрезки фотографий
<< предыдущая заметка 
18 июля 2022
Фотоальбомы

Загрузив фотки в заметку, мы получаем в ее коде вереницу картинок:

{_IMG: /userdata/help/2022/07/18_4/001.jpg _}
{_IMG: /userdata/help/2022/07/18_4/002.jpg _}
{_IMG: /userdata/help/2022/07/18_4/003.jpg _}
{_IMG: /userdata/help/2022/07/18_4/004.jpg _}
{_IMG: /userdata/help/2022/07/18_4/005.jpg _}
{_IMG: /userdata/help/2022/07/18_4/006.jpg _}
{_IMG: /userdata/help/2022/07/18_4/007.jpg _}
{_IMG: /userdata/help/2022/07/18_4/008.jpg _}
{_IMG: /userdata/help/2022/07/18_4/009.jpg _}
{_IMG: /userdata/help/2022/07/18_4/010.jpg _}
{_IMG: /userdata/help/2022/07/18_4/011.jpg _}
{_IMG: /userdata/help/2022/07/18_4/012.jpg _}
{_IMG: /userdata/help/2022/07/18_4/013.jpg _}
{_IMG: /userdata/help/2022/07/18_4/014.jpg _}

Это хорошо, когда картинки нам нужны по одной с описаниями между ними. А если мы хотим сделать фотоальбом?

Первый вариант — тэг FOTOS

Нам надо преобразовать список загруженных фоток. Это можно сделать как руками, так и средствами движка. Для этого в редакторе заметки есть кнопка:

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

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

Создаём и видим, что фотки превратились в превьюшки:

Выбираем нужные, тыкая в каждую (или всю папку при помощи кнопки ). Затем всё выделенное вставляем в заметку (она у нас на заднем фоне же открыта) кнопкой :

Мы получили в заметке список фоток в тэге FOTOS:

{_FOTOS: WIDTH=120
mode=fotom
/userdata/help/2022/07/18_4/001.jpg
/userdata/help/2022/07/18_4/002.jpg
/userdata/help/2022/07/18_4/003.jpg
/userdata/help/2022/07/18_4/004.jpg
/userdata/help/2022/07/18_4/006.jpg
/userdata/help/2022/07/18_4/005.jpg
/userdata/help/2022/07/18_4/007.jpg
/userdata/help/2022/07/18_4/008.jpg
/userdata/help/2022/07/18_4/009.jpg
/userdata/help/2022/07/18_4/010.jpg
/userdata/help/2022/07/18_4/011.jpg
/userdata/help/2022/07/18_4/012.jpg
/userdata/help/2022/07/18_4/013.jpg
/userdata/help/2022/07/18_4/014.jpg
_}

Внешне это выглядит как такая же простыня полноразмерных фоток. Но дальше с ней можно работать. Например, убрать конструкцию «mode=fotom» — я обучно просто вставляю 1, чтобы движок ее перестал видеть «1mode=fotom», и альбом превращается в альбом превьюшек, где, нажав на каждую, можно получить ее в полном размере:

Заметим, что при просмотре полноразмепрных фоток админ видит под ней слева кнопочку , которая открывает дополнительное меню:

Особый интереса там представляет кнопочка — это сервис подписи фоток. В открывшемся окне мы видим столбик всех фоток нашего тэга FOTOS, и над каждой фоткой можно сочинить ее описание (в том числе длинное), потом нажать кнопку записи SEND:

Таким способом очень удобно подписывать фотки, потому что в заметке не разобраться, где какая.

Важно! Не забудьте убрать из заметки все дублирующиеся имена фоток, если по какой-то причине они там возникли. Если движок найдет в заметке две фотки с одинаковым именем, он не сможет прописать им текст. Короче, после этого в тексте заметки наши фотки описаны, можно даже для красоты расставить переводы строки, но только один раз:

{_FOTOS: WIDTH=120
1mode=fotom
/userdata/help/2022/07/18_4/001.jpg Я в гостях у работника Музея Яндекса Шмелева, мы пробуем спасти информацию со старинных дискет.

/userdata/help/2022/07/18_4/002.jpg Копирование идет успешно.

/userdata/help/2022/07/18_4/003.jpg Так выглядит внутренняя плата моего компьютера детства БК-0010, доработанная мною в детстве:

/userdata/help/2022/07/18_4/004.jpg Так выглядел сам БК-0010:

/userdata/help/2022/07/18_4/006.jpg Эта самоделка — плата расширения памяти, обратная сторона:

/userdata/help/2022/07/18_4/005.jpg Контролер дисковода для БК-0010:

/userdata/help/2022/07/18_4/007.jpg Самодельный слот расширения на три разъема:

/userdata/help/2022/07/18_4/008.jpg Его обратная сторона. Вытравлено хлористым железом, дорожки нарисованы лаком:

/userdata/help/2022/07/18_4/009.jpg Микросхемы памяти тех времен:

/userdata/help/2022/07/18_4/010.jpg А это для больших компьютеров IBM той эпохи устройство хранения — Арвид:

/userdata/help/2022/07/18_4/011.jpg Дискеты с архивами:

/userdata/help/2022/07/18_4/012.jpg Спустя 30 лет, дискеты, пролежавшие в дачном подвале, все равно читаются:

/userdata/help/2022/07/18_4/013.jpg Почти все, кроме одного файла, но там, похоже, логическая ошибка диска, а не ошибка чтения:

/userdata/help/2022/07/18_4/014.jpg Схема БК-0010:
_}

В описаниях к фотке, кстати, перевод строки запрещены, используйте вместо этого тэг <p> Теперь наш альбом выглядит так:

Я в гостях у работника Музея Яндекса Шмелева, мы пробуем спасти информацию со старинных дискет.
Копирование идет успешно.
Так выглядит внутренняя плата моего компьютера детства БК-0010, доработанная мною в детстве:
Так выглядел сам БК-0010:
Эта самоделка — плата расширения памяти, обратная сторона:
Контролер дисковода для БК-0010:
Самодельный слот расширения на три разъема:
Его обратная сторона. Вытравлено хлористым железом, дорожки нарисованы лаком:
Микросхемы памяти тех времен:
А это для больших компьютеров IBM той эпохи устройство хранения — Арвид:
Дискеты с архивами:
Спустя 30 лет, дискеты, пролежавшие в дачном подвале, все равно читаются:
Почти все, кроме одного файла, но там, похоже, логическая ошибка диска, а не ошибка чтения:
Схема БК-0010:

Отдельная полезная фича: можно вернуть «mode=fotom» и тогда мы получим полноценную заметку, где тест перемежается фотками.

GALLERY1

Также в движке есть и другие типы галлерей. Тэг GALLERY1 формирует превьюшки фоток под одной большой, при наведении на превьюшки большая меняется. Однако подписи к фоткам тут невозможны. Берем список фоток, обрамляем тэгом GALLERY1:

{_GALLERY1:
/userdata/help/2022/07/18_4/001.jpg
/userdata/help/2022/07/18_4/002.jpg
/userdata/help/2022/07/18_4/003.jpg
/userdata/help/2022/07/18_4/004.jpg
/userdata/help/2022/07/18_4/006.jpg
/userdata/help/2022/07/18_4/005.jpg
/userdata/help/2022/07/18_4/007.jpg
/userdata/help/2022/07/18_4/008.jpg
/userdata/help/2022/07/18_4/009.jpg
/userdata/help/2022/07/18_4/010.jpg
/userdata/help/2022/07/18_4/011.jpg
/userdata/help/2022/07/18_4/012.jpg
/userdata/help/2022/07/18_4/013.jpg
/userdata/help/2022/07/18_4/014.jpg
_}

Получаем:






GALLERY1

Наиболее красивая галерея — GALLERY2. Берем список фоток (можно с описаниями), обрамляем тэгом GALLERY2:

{_GALLERY2:
/userdata/help/2022/07/18_4/001.jpg Я в гостях у работника Музея Яндекса Шмелева, мы пробуем спасти информацию со старинных дискет.
/userdata/help/2022/07/18_4/002.jpg Копирование идет успешно.
/userdata/help/2022/07/18_4/003.jpg Так выглядит внутренняя плата моего компьютера детства БК-0010, доработанная мною в детстве:
/userdata/help/2022/07/18_4/004.jpg Так выглядел сам БК-0010:
/userdata/help/2022/07/18_4/006.jpg Эта самоделка — плата расширения памяти, обратная сторона:
/userdata/help/2022/07/18_4/005.jpg Контролер дисковода для БК-0010:
/userdata/help/2022/07/18_4/007.jpg Самодельный слот расширения на три разъема:
/userdata/help/2022/07/18_4/008.jpg Его обратная сторона. Вытравлено хлористым железом, дорожки нарисованы лаком:
/userdata/help/2022/07/18_4/009.jpg Микросхемы памяти тех времен:
/userdata/help/2022/07/18_4/010.jpg А это для больших компьютеров IBM той эпохи устройство хранения — Арвид:
/userdata/help/2022/07/18_4/011.jpg Дискеты с архивами:
/userdata/help/2022/07/18_4/012.jpg Спустя 30 лет, дискеты, пролежавшие в дачном подвале, все равно читаются:
/userdata/help/2022/07/18_4/013.jpg Почти все, кроме одного файла, но там, похоже, логическая ошибка диска, а не ошибка чтения:
/userdata/help/2022/07/18_4/014.jpg Схема БК-0010:
_}

Получим красивый фотоальбом, который одинаково хорошо листается и на компьютере и на мобилке:

Я в гостях у работника Музея Яндекса Шмелева, мы пробуем спасти информацию со старинных дискет.
Копирование идет успешно.
Так выглядит внутренняя плата моего компьютера детства БК-0010, доработанная мною в детстве:
Так выглядел сам БК-0010:
Эта самоделка — плата расширения памяти, обратная сторона:
Контролер дисковода для БК-0010:
Самодельный слот расширения на три разъема:
Его обратная сторона. Вытравлено хлористым железом, дорожки нарисованы лаком:
Микросхемы памяти тех времен:
А это для больших компьютеров IBM той эпохи устройство хранения — Арвид:
Дискеты с архивами:
Спустя 30 лет, дискеты, пролежавшие в дачном подвале, все равно читаются:
Почти все, кроме одного файла, но там, похоже, логическая ошибка диска, а не ошибка чтения:
Схема БК-0010:

    Подписи возникают только при наведении мышки или при клике на фотку, чтобы открыть ее крупно.

    << предыдущая заметка  
    Оставить комментарий