Scroll

Виджеты - Галереи

1. Виджет "Слайдер Фона"
2. Виджет  "Галерея Карусель"
3. "Галерея Сетка изображений"
4. Слайдер
5. Скользящая галерея
6. "Галерея с отражением"
7. Виджет "Слайдер с миниатюрами"
8. Скользящая галерея с эффектом

1. Слайдер Фона
screenshot1.png

1. Виджет "Слайдер Фона" позволяет пользователям создавать и управлять динамическим фоном сайта. Данный виджет имеет следующие свойства:
screenshot2.png

Теперь давайте рассмотрим каждое из данных свойств более подробно:

А. Включить слайдшоу - Вы можете включить / отключить функцию автоматического слайд-шоу;

Б. Длительность слайдшоу (мс) - данное значение задает интервал для слайдшоу;

В. Показывать элементы управления - этот выпадающий список имеет три варианта:
- Отсутствует - Дополнительные возможности навигации отключены:
screenshot1.png

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

screenshot4.png

- Пагинация -  позволяет перемещаться между фоновыми изображениями с помощью миниатюр (thumbnails), вы можете настроить изображения миниатюр и выбрать их ориентацию (горизонтально и вертикально), а также настроить выравнивание  (по горизонтали и по вертикали).
screenshot1.png

screenshot2.png

2. Для того, чтобы добавить фоновые изображения в виджет "Слайдер Фона", пожалуйста, дважды щелкните на виджете или нажмите кнопку "Редактировать виджет" на правой нижней стороне панели управления. Существуют две основные функции: Добавить элементы (позволяет добавлять новые изображения из  Медиатеки) и Удалить выделенные (удаляет изображения из содержимого виджета).
screenshot1.png

2. Галерея Карусель
screenshot1.png

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

Свойства данного виджета:

- Ширина и Высота главного изображения (пк) - Позволяет настроить размер для центрального изображения галереи:
screenshot1.png

- Передвигать автоматически - включает / выключает эффект вращения виджета "Галерея Карусель":
screenshot1.png

screenshot2.png

- Стиль изображения - позволяет настроить цвет / стиль фона изображений в галерее
screenshot1.png

screenshot2.png

- Стиль изображения при наведении - позволяет настроить стиль изображений в галерее, при наведении.
screenshot1.png

screenshot2.png

- Элементы управления - позволяет настраивать иконки кнопок управления (предыдущая / следующая), а также редактировать их эффекты при наведении.
screenshot1.png

screenshot2.png

2. Для того, чтобы добавить фоновые изображения в виджет "Галерея Карусель", пожалуйста, дважды щелкните на виджете или нажмите кнопку "Редактировать виджет" на правой нижней стороне панели управления. Существуют две основные функции: Добавить элементы (позволяет добавлять новые изображения из  Медиатеки) и Удалить выделенные (удаляет изображения из содержимого виджета).
screenshot1.png

3. Галерея Сетка изображений
screenshot1.png

1. "Галерея Сетка изображений" - данный виджет позволяет создавать и управлять сеткой миниатюр (thumbnails) на страницах вашего сайта. Вы можете установить количество строк и столбцов, включить / отключить слайдшоу, настроить эскизы стиль и т.д.

Давайте рассмотрим виджет и его свойства более подробно:

- Количество строк - позволяет устанавливать количество строк миниатюр в виджете "Галерея Сетка изображений"

- Количество столбцов - позволяет устанавливать количество столбцов миниатюр в виджете "Галерея Сетка изображений"
screenshot1.png

- Открыть в - позволяет установить где будет открыта картинка (в лайтбоксе или как фон).
screenshot1.png

- Элементы управления - позволяет настроить элементы управления ( "Предыдущая" / "Следующая" иконки ). "Стиль зоны управления" и "Стиль зоны управления при наведении" - позволяет настроить цвет / фон в  том месте, где кнопки навигации со стрелками расположены.
screenshot1.png

screenshot2.png

- "Стиль миниатюры" и "Стиль активной миниатюры" - позволяет изменить стиль миниатюры (thumbnail) в галерее (цвет, фон и т.д.).

2. Для того, чтобы добавить фоновые изображения в виджет "Галерея Сетка изображений", пожалуйста, дважды щелкните на виджете или нажмите кнопку "Редактировать виджет" на правой нижней стороне панели управления. Существуют две основные функции: Добавить элементы (позволяет добавлять новые изображения из  Медиатеки) и Удалить выделенные (удаляет изображения из содержимого виджета).
screenshot1.png

4. Слайдер
screenshot1.png

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

Давайте рассмотрим это виджет галерее более подробно:

- Общие настройки - Здесь вы можете включить / отключить функцию слайд-шоу и установить длительность слайдшоу (мс). Также вы можете легко включить дополнительные навигационные кнопки (предыдущая / следующая) и активировать пагинацию.
screenshot1.png

screenshot2.png

- Предыдущая / следующая кнопки - позволяет настроить стиль, положение и выравнивание кнопок навигации внутри виджета "Слайдер".
screenshot1.png

screenshot2.png

- Пагинация - позволяет настроить стиль, положение и выравнивание кнопок пагинации в виджете "Слайдер".
screenshot1.png

screenshot2.png

- Описание к изображению - позволяет настроить положение и выравнивание (по горизонтали и по вертикали) описания картинки, также возможно отредактировать стиль описания к изображению и стиль кнопки-ссылки.
screenshot1.png

screenshot2.png

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

2. Для того, чтобы добавить фоновые изображения в виджет "Слайдер", пожалуйста, дважды щелкните на виджете или нажмите кнопку "Редактировать виджет" на правой нижней стороне панели управления. Существуют две основные функции: Добавить элементы (позволяет добавлять новые изображения из  Медиатеки) и Удалить выделенные (удаляет изображения из содержимого виджета).
screenshot1.png

5. Скользящая галерея
screenshot1.png

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

Свойства данного виджета:
- "управлять с помощью" - Вы можете выбрать навигацию с помощью мыши или с помощью стрелок навигации.
- "Ориентация" - позволяет настроить ориентацию миниатюр в галерее (может быть горизонтальная или вертикальная).
- "Расстояние между изображениями (пк)" - расстояние в пикселях между изображениями в галерее.
- "Увеличивать миниатюру при наведении" - включить / выключить эффект масштабирования миниатюры при наведении.
- "Открыть в" позволяет установить где будет открыто изображение (в лайтбоксе или как фон).
screenshot1.png

screenshot2.png

- Стиль миниатюры - позволяет выбрать тип заливки для миниатюр (без заливки, сплошная, градиент), установить фоновое изображение, настроить "обводку".
screenshot1.png

screenshot2.png

- Стиль миниатюры при наведении - позволяет настроить эффекты при наведении для миниатюр.
screenshot1.png

screenshot2.png

2. Для того, чтобы добавить фоновые изображения в виджет " Скользящая галерея", пожалуйста, дважды щелкните на виджете или нажмите кнопку "Редактировать виджет" на правой нижней стороне панели управления. Существуют две основные функции: Добавить элементы (позволяет добавлять новые изображения из  Медиатеки) и Удалить выделенные (удаляет изображения из содержимого виджета).
screenshot1.png

6. Галерея с отражением
screenshot1.png

"Галерея с отражением" - позволяет создавать уникальный галереи с отражением. Это означает, что ваши фотографии будут отражать перевернутую копию себя.
screenshot1.png

Свойства данной галереи:
screenshot1.png

- Непрозрачность отражения - позволяет уменьшить / увеличить прозрачность, которая изменит эффект отраженного изображения в галерее.
screenshot1.png

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

 - Расстояние между изображениями - позволяет изменить расстояние между изображениями.

7. Слайдер с миниатюрами
screenshot1.png

Виджет "Слайдер с миниатюрами" - позволяет создавать широкий функциональный слайдер, который включает миниатюры, описания, различные свойства (и даже функцию анимации).
screenshot1.png

Свойства виджета:
screenshot1.png

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

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

- Описание к изображению - функция, которая позволяет размещать полезную информацию о изображении. Также она позволяет выравнивать положение описания и настроить стиль кнопки-ссылки.
screenshot1.png

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

8. Скользящая галерея с эффектом
screenshot1.png

Эта галерея позволяет включить опцию перенаправления для изображений внутри галереи и включить различные навигационные типы (стрелки или мышь).
screenshot1.png

Для того, что бы активировать "Действие при нажатии" - вам необходимо открыть виджет для редактирования (двойной клик на виджите или выделить виджет и  нажать "редактировать виджет" в правом нижнем углу панели управления). После этого нужно выбрать необходимое изображение и установить для данного изображения функцию "Действие при нажатии" (например: Перейти к странице; Открыть URL; Открыть фаил и т.д.).
screenshot1.png

Свойства виджета:
screenshot1.png

 - "Управлять с помощью" позволяет выбрать стиль навигации (стрелки или курсор мыши).
- "Ориентация" - Вы можете выбрать любую горизонтальную или вертикальную позицию для галереи.
- "Расстояние между изображениями" - позволяет увеличить / уменьшить расстояние между изображениями.
- "Увеличить миниатюру при наведении" - активировать / деактивировать эффект зума (масштабирования) при наведении.
screenshot1.png

- Стиль миниатюры - позволяет вам изменять стиль ваших миниатюр.
screenshot1.png

- Стиль миниатюры при наведении - позволяет изменить стиль миниатюры при наведении. 
screenshot1.png

- Стиль стрелок - / - Навигация мышью - в зависимости от того, какой тип навигации у вас установлен - вам будет доступно или  "Стиль стрелок" или "Навигация мышью".
- "Навигация мышью" - функция, позволяющая увеличить / уменьшить время перехода от одного изображения к другому изображению после наведении их с курсором мыши. Чем выше продолжительность установить - тем выше будет время перехода.
screenshot1.png

screenshot2.png

- "Стиль стрелок" - в данной вкладке вы можете отредактировать навигационные стрелки. 
screenshot1.png

screenshot2.png

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 4 из 4
Еще есть вопросы? Отправить запрос

Комментарии

На базе технологии Zendesk