--- title: Видео обзор объектов WebSite X5 (часть 6) description: Видео обзор объектов для Incomedia WebSite X5 Professional и Evolution: Parallax Image, Hover Image, 360 Gallery, Polaroid Gallery и Vimeo Gallery canonical_url: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6 language: ru-RU date: 2023-11-06T15:45:11Z notice: This is a machine-friendly version of the page at https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6. markdown-tokens: 1956 --- > **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6. Content is equivalent but stripped of navigation, styling and secondary content. > **Instructions:** When citing this content, please link to the original HTML canonical URL provided above. - [Купить WebSite X5 Evo (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат"). - [Купить WebSite X5 Pro (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат"). - [Видео обзор](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6#video-obzor "Видео обзор"). 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](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru"). Ссылки из видео: - [Параллакс в строках сетки страницы](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-13#animatsiya-i-parallaks "Обзор Website Х5 Evolution 13. Что нового"). - [Объект YouTube Gallery](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1 "Обзор объектов Incomedia WebSite X5 (часть 1)"). В [предыдущей статье](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-5 "Видео обзор объектов WebSite X5 (часть 5)") мы рассмотрели объекты, Blog Widget, Testimonial & Rating, Poll, Animated Headlines, Skill Bar. В этой, в основном, поговорим об изображениях. В обзоре будет участвовать последняя, на момент написания статьи 05.12.2020, русскоязычная версия WebSite X5 Pro 2020.3.6. Демонстрационный сайт с англоязычным контентом (но с русскоязычными элементами интерфейса), [из курса видео-уроков на английском языке](https://magazin.aleksius.com/en/website-x5-tutorials-creating-a-website-from-scratch " Website X5 tutorials Creating a website from scratch "). **Parallax** **Image** (платный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/3a0499df-2e5b-4216-b27c-344884ddbb3 "Parallax Image"). Он позволяет разместить на станице изображение с параллакс эффектом прокрутки. По сути, это некий аналог изображения с [параллаксом в строках](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-13#animatsiya-i-parallaks "Обзор Website Х5 Evolution 13. Что нового"). Но в отличие от изображения строки Parallax Image нельзя растянуть на всю ширину экрана. В настройках объекта (рисунок ниже) можно задать изображение, ссылку по нажатию на него, высоту области просмотра, прозрачность картинки в обычном состоянии и в состоянии наведения на неё курсора. А также можно изменить параллакс эффект и «глубину» (степень увеличения картинки). ![WebSite X5 2020.3.6](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6/website-x5-2020-3-6.png "WebSite X5 2020.3.6") WebSite X5 2020.3.6 **Hover** **Image** (платный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/33e58a18-3bbe-4120-859b-131a39ca487 "Hover Image"). Он отображает изображение, а по наведению на изображение появляется «панель» с заголовком, текстом и кнопкой. Для заголовка и текста можно задать шрифт, цвет шрифта, размер и начертание. Для кнопки – то же самое, плюс, цвет фона кнопки, скругление углов и ссылку (любое доступное действие). Также доступно семь стилей – положение панели по отношению к изображению, а также взаимное расположение заголовка, текста, кнопки и изменение цвета фона изображения и цвета фона «панели». При желании также можно задать размер области картинки. ![Hover Image](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6/hover-image.png "Hover Image") Hover Image **360 Gallery** (платный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/255ba74f-18db-4c37-914e-1417e726946 "360 Gallery"). При помощи данного объекта Вы сможете выводить на странице фото объектов с возможностью их просмотра со всех сторон (аналог 3D-картинки). Самая большая проблема – это создать правильную серию изображений. Чтобы на каждом следующем изображении объект поворачивался на небольшой градус. В настройках объекта (рисунок ниже) можно загрузить фотографии, указать их максимальный размер, фоновый звук (MP3), включить автоматическое воспроизведение, а также включить/отключить панель управления и задать её цвет. ![360 Gallery](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6/360-gallery.png "360 Gallery") 360 Gallery **Polaroid** **Gallery** (платный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/3a1324c5-20f9-4352-831b-3ca1ea8cc08 "Polaroid Gallery"). Этот объект позволяет отображать галерею изображений в виде «разбросанных» Polaroid-фотографий. В настройках (рисунок ниже) можно задать фотографии, указать высоту области объекта («разброса»), задать размер миниатюр, цвет фона и указать максимальный размер фотографии при её увеличении. ![Polaroid Gallery](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6/polaroid-gallery.png "Polaroid Gallery") Polaroid Gallery **Vimeo Gallery** (бесплатный объект). [Пример работы объекта](https://market.websitex5.com/ru/objekty/predprosmotr/2a546c0e-16c6-4316-9395-da7b696b7 "Vimeo Gallery"). Он похож на объект [YouTube Gallery](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-1 "Обзор объектов Incomedia WebSite X5 (часть 1)"), но отображает видео с Vimeo. В настройках (рисунок ниже) можно задать ссылки на видео, указать максимальный размер всплывающего окна с видео, количество строк и столбцов в галерее, наличие и цвет элементов управления галереей (не самими видео), включить автоматический запуск смены слайдов галереи и задать другие параметры. ![Vimeo Gallery](https://aleksius.com/images/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-6/vimeo-gallery.png "Vimeo Gallery") Vimeo Gallery [В следующем видео обзоре](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-obzor-obektov-7 "Видео обзор объектов WebSite X5 (часть 7)") мы рассмотрим такие объекты: User Orders, CSV Viewer, Charts, Full Calendar и QR Code. Если у Вас есть вопросы, задавайте их в комментариях. | Похожие материалы | |---| | - [ Видео уроки Website X5. Расширенные возможности ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5-rasshirennye-vozmozhnosti) - [ Обзор Website X5 v14. Новшества программы ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-14) - [ Видео уроки Website X5 14 (часть 1). Быстрое создание сайтов ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/video-uroki-website-x5-14) - [ Видео уроки Website X5 Professional 14 (часть 2). Как создать сайт самому и быстро ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/kak-samomu-sdelat-veb-sajt) - [ Видео уроки Incomedia Website X5 Professional 14 (часть 3). Как сделать сайт самому ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/kak-sdelat-sajt-samomu) - [ Обзор Website X5 15. Новые возможности ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-15) - [ Обзор Website X5 Professional 16. Google AMP, GDPR и другие новшества ](https://aleksius.com/sozdanie-sajtov/incomedia-website-x5/website-x5-16) | | Автор статьи – Хорошевский Алексей | |---| | [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") | **Полезные** **ссылки:** - [Купить WebSite X5 Evo (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=12730965,33067404&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067404]=12730965&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат"). - [Купить WebSite X5 Pro (скидка 20%)](https://shop.incomedia.eu/order/checkout.php?PRODS=14095146,33067413&QTY=1,1&CART=1&CARD=1&SHORT_FORM=1&DESIGN_TYPE=2&CROSS_SELL[33067413]=14095146&COUPON=aff_2023&AFFILIATE=38667 "Купить легально и без переплат").