Фоновый слайдер
Забудьте статические изображения героя. захватите внимание и расскажите историю с движущимся, дышащим фоном. расширение Background Slider позволяет вам превратить любой контейнер в потрясающее автоматизированное слайд-шоу. Загрузите свои изображения, выберите один из 26 профессиональных переходов и 11 анимаций Кена Бернса, чтобы создать плавные масштабирования и сковороды. Добавьте элегантные наложения для читаемости текста, установите идеальное время и наблюдайте, как ваше ключевое сообщение скользит по галерее визуальных эффектов. идеально подходит для портфолио, витрин продуктов, туристических сайтов или любой страницы, которая должна произвести мощное первое впечатление.
Кинематографические переходы и анимации
Избегайте скучных, резких разрезов между слайдами. выбирайте плавные переходы, такие как Fade, Slide, Zoom или творческие, такие как Flip и Cube. Затем приведите каждое изображение к жизни с эффектом Кена Бернса (тонкий, медленный зум или панорамирование (например, “Up Right” или “Zoom In”), который добавляет пленкоподобную глубину и удерживает глаз зрителя включенным по мере развития истории.
- Плавные переходы: выберите из 26+ эффектов (затухание, скольжение, занавес и т. д.) для плавного изменения изображения.
- Ken Burns Magic: Примените 11 различных направленных анимаций панорамирования и масштабирования, чтобы статические фотографии казались живыми.
- Случайный дисплей: перетасуйте порядок слайдов, чтобы получить свежий опыт при каждой загрузке страницы.
Встроенные накладки для идеальной читаемости
Распространенная проблема с ползунками фона - текст становится трудно читать по занятым изображениям. Мы решаем это с помощью 9 заранее разработанных стилей наложения (например, темный градиент, светлая сетка или цветные оттенки). Они не нравятся? Создайте индивидуальное наложение, используя сплошной цвет, градиент или даже полупрозрачное изображение, чтобы достаточно затемнить фон, сделав заголовки и кнопки кристально чистыми.
- Наложения одним щелчком мыши: для контраста наносите мгновенные стильные наложения (None, Dark Gradient, Light, Dots и т. д.).
- Полное индивидуальное наложение: используйте средство выбора цвета или градиент, чтобы создать идеальный оттенок, соответствующий вашему бренду.
- Непрозрачность управления: точно настройте интенсивность наложения, чтобы сбалансировать красоту фона и ясность текста.
Полный контроль времени и отображения
Вы контролируете весь опыт. установите задержку (в миллисекундах) между слайдами ( 5000ms для спокойного темпа, 3000ms для большей энергии. выберите, должны ли изображения идеально покрывать область без растяжения. включите индикатор выполнения таймера, чтобы показать зрителям, как долго до следующего слайда, или спрячьте его для более чистого вида.
- Установите свой ритм: отрегулируйте ползунок задержки, чтобы контролировать продолжительность отображения каждого изображения.
- Идеальная посадка: убедитесь, что изображения покрывают территорию без искажений, обрезая их разумно.
- Оптимизируйте производительность: выберите разрешение изображения (полное, большое, среднее), чтобы сбалансировать качество изображения со скоростью загрузки страницы.
Часто задаваемые вопросы для фонового слайдера
Чем это отличается от обычного виджета Image Carousel?
Карусель - это элемент контента, который вы помещаете внутрь раздела. Этот ползунок фона - фон для самого раздела/контейнера. Ваш текст, кнопки и другие виджеты расположены поверх скользящих изображений. Это для создания захватывающих областей героев, а не для отображения галереи миниатюр продуктов.
Могут ли посетители сделать паузу или перемещаться по ползунку?
Расширение фокусируется на автоматическом, фоновом представлении, Обычно не добавляет видимые кнопки паузы/игры или навигационные стрелки по умолчанию, так как это загромождает область героя Цель - кинематографический, автоматически воспроизводимый опыт Для управляемых пользователем галерей вы бы использовали выделенный виджет Slider или Carousel.
Затормозит ли использование нескольких изображений высокого разрешения мою страницу?
Он может, если вы не осторожны Всегда оптимизировать ваши изображения перед загрузкой (сжимать их для веб).Использовать настройку Разрешение изображения для обслуживания файлов соответствующего размера. например, использовать “Large” вместо “Full”, если контейнер только 1200px ширина.Это сохраняет визуальное воздействие высоким и скорость быстрой.
Могу ли я использовать это в столбце, а не только в полном разделе?
Да! можно применить ползунок фона к разделам, контейнерам и столбцам. это означает, что вы можете иметь столбец статического контента рядом с столбцом со скользящим фоном, с легкостью создавая динамические и сложные макеты.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
