← На главную

Картинки для галереи изображений

Как правильно подготовить и управлять изображениями для галереи в модальном окне поиска по фото.

📖
Что такое галерея
Модальное окно поиска по изображению

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

ℹ️
Мы можем сами отобрать картинки или взять любые картинки с сайта, которые вы укажете. Однако при правильном подходе вы сможете легко управлять галереей на своей стороне — без обращения к команде AnyQuery.
📐
Количество картинок по умолчанию
Различия для десктопа и мобильных устройств
🖥️ Desktop 8 картинок · сетка 4×2
📱 Mobile 9 картинок · сетка 3×3
Лучший вариант при интеграции
Постоянное именование файлов для самостоятельного управления галереей
Давайте картинкам имена по постоянным правилам, соблюдая нумерацию от 1 до 9, — и вы сможете управлять галереей самостоятельно, без обращений к команде AnyQuery.
Именование файлов

Храните все изображения для галереи в одной папке, называя файлы по схеме imgN.jpg, где N — порядковый номер от 1 до 9.

📁 /upload/medialibrary/c1a/
img1.jpg
img2.jpg
img3.jpg
img4.jpg
img5.jpg
img6.jpg
img7.jpg
img8.jpg
img9.jpg
Примеры URL
1
https://cdn.partner-domen.ru/upload/medialibrary/c1a/img1.jpg
2
https://cdn.partner-domen.ru/upload/medialibrary/c1a/img2.jpg
3
https://cdn.partner-domen.ru/upload/medialibrary/c1a/img3.jpg
и так далее до img9.jpg
9
https://cdn.partner-domen.ru/upload/medialibrary/c1a/img9.jpg
🔄
Пример замены картинки в галерее
Как обновить изображение без помощи команды AnyQuery

Например, вам нужно заменить img3.jpg на другое изображение. Достаточно трёх шагов:

1
Подготовьте новое изображение для замены.
2
Назовите новый файл img3.jpg — то же имя, что у заменяемого изображения.
3
Загрузите новый img3.jpg в папку хранения, заменив им предыдущий файл. Галерея на сайте обновится автоматически.
Что происходит в папке при замене
📁 /upload/medialibrary/c1a/
img1.jpg
img2.jpg
img3.jpg img3.jpg ← заменён новым файлом
img4.jpg
img5.jpg
...
💡
Ключевое условие: имя файла должно остаться прежнимimg3.jpg. Именно на это имя ссылается конфигурация галереи. Новое содержимое файла подтянется автоматически.