Як створити анімовану галерею зображень, блог wix
Пару днів назад ми натрапили на приголомшливий сайт, створений за допомогою Wix для Лос-Анджелеського цирку-театру Le Tigre Tent. Нас особливо вразило використання анімованої галереї на головній сторінці - оригінальна демонстрація зображень оживляє весь сайт, привертаючи увагу відвідувачів буквально з першої секунди.
Цей вид галереї відомий далеко не всім користувачам Wix, але при цьому його дуже просто додати. Ми хочемо вам показати, як додати анімовану галерею на сайт, зробивши кілька простих маніпуляцій. Ви можете помістити галерею на кожній сторінці, але вона зробить набагато більше враження на ваших відвідувачів, якщо буде поміщена на головну.
Як приклад ми використовуємо шаблон Close Up HTML. але ви можете зробити те ж саме на основі будь-якого шаблону Wix.
- Виберіть місце, куди ви хочете помістити галерею і очистіть його від зайвих елементів.
- Додайте бокс, щоб задати межі вашої галереї. Натисніть Додати> Форми і лінії> Бокс.
- Розтягніть бокс так, щоб він закрив область, виділену під галерею.
- Натисніть на бокс, а потім на Змінити стиль. щоб редагувати його - поміняти кольори, додати тіні і т.д.
• Тепер додайте саму галерею. Натисніть Додати> Галерея та перейдіть до опції Аnimated Grid.
- Розтягніть галерею, щоб закрити область боксу.
- Щоб змінити вигляд галереї, натисніть на неї і виберіть Установки.
- Змініть число колонок і рядів за бажанням.
- Призначте ширину полів від 0 до 10, щоб додати простору між зображеннями.
- У Переходах виберіть По вертикалі.
- Натисніть на Змінити стиль. щоб налаштувати дизайн галереї: фон, текст при наводимо курсор і т.д.
- Тепер поверніться в галерею, клікніть по ній і виберіть Організувати фото.
- Натисніть Додати Фото і виберіть фотографії з вашого архіву, безкоштовної колекції фотографій Wix або з вашого комп'ютера.
Ось, що ми отримали в результаті:
Ось і все, ви успішно додали анімовану галерею зображень на ваш сайт.