  |
Incomedia WebSite X5 – русскоязычная платная программа для создания сайтов.
Видео обзор
- Parallax Image – 00:00:18.
- Hover Image – 00:02:28.
- 360 Gallery – 00:04:21.
- Polaroid Gallery – 00:06:03.
- Vimeo Gallery – 00:06:53.
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.
Ссылки из видео:
В предыдущей статье мы рассмотрели объекты, Blog Widget, Testimonial & Rating, Poll, Animated Headlines, Skill Bar. В этой, в основном, поговорим об изображениях.
В обзоре будет участвовать последняя, на момент написания статьи 05.12.2020, русскоязычная версия WebSite X5 Pro 2020.3.6. Демонстрационный сайт с англоязычным контентом (но с русскоязычными элементами интерфейса), из курса видео-уроков на английском языке.
Parallax Image (платный объект). Пример работы объекта. Он позволяет разместить на станице изображение с параллакс эффектом прокрутки. По сути, это некий аналог изображения с параллаксом в строках. Но в отличие от изображения строки Parallax Image нельзя растянуть на всю ширину экрана. В настройках объекта (рисунок ниже) можно задать изображение, ссылку по нажатию на него, высоту области просмотра, прозрачность картинки в обычном состоянии и в состоянии наведения на неё курсора. А также можно изменить параллакс эффект и «глубину» (степень увеличения картинки).
Hover Image (платный объект). Пример работы объекта. Он отображает изображение, а по наведению на изображение появляется «панель» с заголовком, текстом и кнопкой. Для заголовка и текста можно задать шрифт, цвет шрифта, размер и начертание. Для кнопки – то же самое, плюс, цвет фона кнопки, скругление углов и ссылку (любое доступное действие). Также доступно семь стилей – положение панели по отношению к изображению, а также взаимное расположение заголовка, текста, кнопки и изменение цвета фона изображения и цвета фона «панели». При желании также можно задать размер области картинки.
360 Gallery (платный объект). Пример работы объекта. При помощи данного объекта Вы сможете выводить на странице фото объектов с возможностью их просмотра со всех сторон (аналог 3D-картинки). Самая большая проблема – это создать правильную серию изображений. Чтобы на каждом следующем изображении объект поворачивался на небольшой градус.
В настройках объекта (рисунок ниже) можно загрузить фотографии, указать их максимальный размер, фоновый звук (MP3), включить автоматическое воспроизведение, а также включить/отключить панель управления и задать её цвет.
Polaroid Gallery (платный объект). Пример работы объекта. Этот объект позволяет отображать галерею изображений в виде «разбросанных» Polaroid-фотографий. В настройках (рисунок ниже) можно задать фотографии, указать высоту области объекта («разброса»), задать размер миниатюр, цвет фона и указать максимальный размер фотографии при её увеличении.
Vimeo Gallery (бесплатный объект). Пример работы объекта. Он похож на объект YouTube Gallery, но отображает видео с Vimeo. В настройках (рисунок ниже) можно задать ссылки на видео, указать максимальный размер всплывающего окна с видео, количество строк и столбцов в галерее, наличие и цвет элементов управления галереей (не самими видео), включить автоматический запуск смены слайдов галереи и задать другие параметры.
В следующем видео обзоре мы рассмотрим такие объекты: User Orders, CSV Viewer, Charts, Full Calendar и QR Code. Если у Вас есть вопросы, задавайте их в комментариях.
| Похожие материалы |
|---|
 |
| Автор статьи – Хорошевский Алексей |
|---|
 Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
Полезные ссылки:
