Слайд-шоу из фотографий приложения "фото"

Слайд-шоу из фото формируется при выборе в разделе "слайд-шоу" пункта "фото"

Настройки для слайд-шоу фото индивидуальны

Настройки темы оформления

Внешний вид на сайте (опционально)

1. Источник

Слайды формируются из указанного в поле "источник" списка изображений.

Альбом

Указывается с помощью конструкции album/2, где 2 идентификатор альбома.

Списков изображений объединеных тегом

Указывается с помощью конструкции tag/summer, где summer тег товаров.

Если поле "источник" пустое, для слайд-шоу используются все изображения из приложения "фото"

2. Количество элементов

Поле определяет макисмальное количество элементов (изображений), которые будут отображенны в слайдере, вне зависимости от их количества в альбоме/теге

3. Размер изображений

В теме оформления, слайд шоу можно разместить, как на всю ширину сайта, так и в поле контента. Помимо этого можно изменить соотношение сторон (ширина к высоте).
В каждом из случаев, для качественного отображения и оптимизации может потребоваться использование изображения, соответствующего размера.

В поле "размер изображений", укажите ширину и высоту изображения (по общим правилам формирования эскизов)

Рекомендации

На весь экран - желательно загружать большие и качественные изображения шириной 2000px. В поле "размер изображений" пропишите 2000x0 (ширина 2000 высота "авто")

В контейнере - желательно загружать большие и качественные изображения шириной 1200px. В поле "размер изображений" пропишите 1200x0 (ширина 1200 высота "авто")

В контенте - желательно загружать большие и качественные изображения шириной 1200px если нет сайтбара и 900 если есть сайтбар. В поле "размер изображений" пропишите 1200x0 (ширина 1200 высота "авто") если нет боковой панели, и если есть то 900x0 (ширина 900 высота "авто")

* Желательно что бы размеры загружаемых изображений были одинаковые как по ширине так и по высоте, в этом случае не произойдет никаких неожиданных масштабирований изображений (все изображения загружаются как фоновые и приводятся к одному размеру - размеру контейнера).

* В случае если загружаемые изображения различаются по размерам, то можно указать высоту эскизов изображений (второе число из 900x0). Первое что следует - определитесь с приемлемым "соотношением сторон" и уже после этого определиться с высотой изображения (по тем же соотношениям)

* Обратите внимание, что изображения можно уменьшить и при этом практически не потерять в качестве, а вот увеличить без потери качетва не получится

4. Соотношение сторон

Слайд-шоу - адаптивно, его размеры определяются шириной контейнера. В зависимости от расположения: на всю ширину экрана, ширину контейнера, ширину контента. Также размер определяется высотой, в заданном соотношении.
Например слайд шоу расположено на всю ширину экрана (1900px), с соотношением 5 к 1. Размеры слайд-шоу будут: ширина в 1900px, высота (1900 / 5) 380px
При уменьшении экрана до 1500px, размеры составят: ширина 1500, высота (1500 / 5) 300px

5. Анимация

Для слайд-шоу, представлены 5 режимов прокрутки слайдов

slide - слайды движутся друг за другом

fade - слайды исчезают

scale - слайды масштабируются и исчезают

pull - слайды выталкивают друг друга снизу

push - слайды выталкивают друг друга сверху

Посмотреть пример

Слайд как ссылка

Изображения не предназначены, изначально, для слайдера, поэтому в них нет специально отведенного поля - URL (цель ссылки). По этой причине, тема проверяет описание изображения и, если в нем первыми символами будут http, то она создаст ссылку, и в качестве URL будет использовать описание изображения.

Есть вопросы или предложение?

Для того что бы задать вопрос, Вам необходимо авторизоваться или зарегистрироваться