Виджет карусели Elementor Image: бесплатный ползунок со световым ящиком и покровным потоком
Виджет карусели изображений в мастер-дополнениях превращает галерею WordPress в слайдер, который можно вести. Вы выбираете изображения, выбираете, сколько шоу на рабочем столе, планшете и телефоне, и добавляете автовоспроизведение, бесконечный цикл, лайтбокс и макет 3D Coverflow, если хотите. Каждый слайд можно стилизовать в нормальном состоянии, в зависании и активном состоянии, а стрелки, точки и индикатор выполнения следуют за вашим брендом. Он работает для портфолио, снимков продуктов, туров в гостиницы и недвижимости, а также логотипов клиентов.
Обложка и макеты карусели
Выберите карусель или макет Coverflow в настройках карусели. Слайды на столбец задают количество слайдов одновременно, от 1 до 6, с отдельными значениями для рабочего стола, планшета и мобильного телефона, поэтому карусель реагирует без дополнительного CSS. Слайды для прокрутки Устанавливает, как далеко продвигается каждый шаг. Цикл делает карусель бесконечной, а автовоспроизведение, центральный слайд, захват курсора и свободный режим перетаскивания меняют то, как он движется. Включите Observer, когда карусель сидит внутри язычка или аккордеона.
- Отзывчивый: другое количество слайдов на рабочем столе, планшете и мобильном телефоне.
- Движение: скорость автоигры, скорость анимации, паузу при наведении и бесконечный цикл.
- Высота: Автовысота следует за самой высокой видимой слайдой или задайте для карусели специальную высоту.
Стильные слайды в нормальном состоянии, зависании и активных состояниях
В разделе «Карусель» стили стили рамки вокруг каждого изображения в трех состояниях. Установите фон, границу, тень и заполнение для нормального, зависания и активного, а также разрыв предметов между слайдами и непрозрачностью. Используйте активное состояние, чтобы центральная горка выделялась среди соседей.
- Наведение: подтяжка теней или изменение цвета, когда указатель находится над слайдом.
- Активно: другая граница или фон на текущем слайде.
- Рамка: радиус границы, тень коробки и отступы для каждого элемента.
Изображение Карусель с лайтбоксом, стрелами, точками и индикатором выполнения
Навигация может быть стрелками, точками, стрелками и точками, стрелами и дробью или стрелкой выполнения, и вы можете добавить перетаскиваемую полосу прокрутки к любой из них. Стрелки берут собственные значки и сидят внутри или снаружи карусели. Лайтбокс включен по умолчанию и открывает каждое изображение в полном размере с помощью FancyBox или Lightbox Elementor. Заголовок изображения и его подпись к медиатехе отображаются в лайтбоксе, и вы можете стилизовать и то, и другое вместе со значком предварительного просмотра и наложения.
- Стрелки: цвет, размер, фон и горизонтальное смещение, с возможностью скрыть их на мобильном телефоне.
- Счетчики: дробь, например 1/8, или индикатор выполнения вверху или внизу.
- Лайтбокс: FancyBox или Elementor, с пользовательским значком предварительного просмотра и наложением.
Caverflow Image Carousel без Elementor Pro
В Elementor эффект CoverFlow принадлежит виджету Carousel Media, которая входит в состав Elementor Pro. В карусели Image Master Addons он имеет как вариант макета. Установите макет на крышку, и центральная часть стека смотрит вперёд, пока ее соседи отворачиваются. Всплывающее окно эффекта CoverFlow имеет четыре ползунка: поворачивать, растягивать, модификатор и глубину. Карусель ниже живая, поэтому перетащите ее или используйте точки.
Стили Flip, ARC и ORBIT см. в нашем руководстве по Элементор 3D карусель.
Карусель изображений Elementor против карусели изображений главных дополнений
Собственной карусели Elementor для создания базового слайдера с подписями на слайдах достаточно. Выберите один из основных дополнений, когда вам нужен макет CoverFlow, индикатор выполнения или счетчик дробей, FancyBox или отдельный стиль для активного слайда.
| Элементор Изображение Карусель | Карусель с изображением главных аддонов | |
|---|---|---|
| Цена | Бесплатно | Бесплатно |
| Слайды на просмотр на устройство | Да | Да |
| Макеты | Скользить или затухать | Карусель или 3D покровное течение |
| Подписи | На слайде: название, подпись или описание | В лайтбоксе: название изображения и подпись |
| Навигация | Стрелки и точки | Стрелки, точки, динамические пули, дробь, индикатор выполнения и панель прокрутки |
| Лайтбокс | Элементор лайтбокс | Fancybox или Elementor с настраиваемым значком предварительного просмотра и наложением |
| Слайд-стайлинг | Базовый | Нормальное, зависающее и активное состояния |
| Ссылки | Один пользовательский URL для всех слайдов | Нет ссылки, изображения открываются в лайтбоксе |
Что виджет карусели изображения может и не может
Краткий список того, что находится в виджете, а что нет.
| Особенность | Изображение Карусель |
|---|---|
| Лайтбокс (FancyBox или Elementor) | Да |
| Макет крышки | Да |
| Слайды на устройство, от 1 до 6 | Да |
| Стрелки, точки, дробь, индикатор выполнения и полосу прокрутки | Да |
| Автовоспроизведение и бесконечный цикл | Да |
| Нормальный, зависание и активный стиль слайда | Да |
| Подпись в лайтбоксе (заголовок изображения и подпись) | Да |
| Надпись на слайде | Нет |
| Ссылка на изображение | Нет |
| Несколько строк | Нет |
| Видео слайды | Нет |
| навигация по миниатюрам | Нет, см. Галерея Слайдер (Про) |
Примеры карусели изображений
Эти три карусели являются живыми виджетами. Щелкните любое изображение, чтобы открыть лайтбокс. Больше макетов в демонстрационном просмотре под ними.
Тур, три поперек
Три слайда на рабочем столе, два на планшете и один на мобильном телефоне со стрелками над изображениями.
Полоса меню с индикатором выполнения
Автозапуск с включенным режимом перетаскивания и индикатором выполнения вместо точек.
Как добавить изображение карусели в Элементор
Для более длительного прохождения со скриншотами читайте как создать имиджевую карусель в Элементоре.
- Установите бесплатный плагин Master Addons и отредактируйте свою страницу с помощью Elementor.
- Найдите на панели виджетов изображение "Карусель" и перетащите его в контейнер.
- Щелкните поле галереи, выберите изображения и установите разрешение изображения.
- Установите количество слайдов на устройство, затем включите автовоспроизведение, цикл и лайтбокс, если вы хотите их.
- Выберите "Карусель" или "Покровный поток", нанесите слайды и стрелки и опубликуйте.
Похожие карусели: Логотип Слайдер, Командный слайдер, Галерея Слайдер (Про) и Блог Режим карусели виджета. Для наведения анимации на одном изображении см. Эффекты наведения изображения.
Для фильтрации сетки изображений см. Фильтруемая галерея изображений.
Часто задаваемые вопросы по карусели изображений
В чем главное преимущество перед базовой Image Carousel от Elementor?
Карусель Elementor’s Image Carousel хорошо обрабатывает простой слайдер: подписи, лайтбокс, автовоспроизведение и слайды для каждого устройства. Master Addons добавляет макет 3D Coverflow, дробь, полосу выполнения и навигацию полосы прокрутки, выбор фэнсибокса или лайтбокс-элементора с пользовательским значком предварительного просмотра, стиль для нормального, наведения и активных слайдов, а также опцию наблюдателя для каруселей внутри вкладок или аккордеонов.
Как сохранить все изображения карусели на одной высоте?
Загружайте изображения с тем же соотношением сторон, потому что виджет показывает каждое изображение в своей форме. Если вы не можете обрезать их первыми, дайте виджету класс CSS и установите фиксированную высоту с помощью объекта: крышка на слайд-изображениях. Пользовательская высота задает высоту самой карусели и не обрезает изображения.
Могу ли я использовать это для ползунка с логотипом в оттенках серого, чтобы раскрасить его на зависании?
да. Загрузите свои изображения логотипа. На вкладке «Элементы карусели» установите непрозрачность нормального состояния или используйте фильтр CSS, чтобы сделать их оттенками серого. Затем, в состоянии наведения, установите непрозрачность обратно в 1 и снимите фильтр. или использовать Логотип Слайдер виджет, созданный для логотипов клиентов.
Может ли карусель прокручивать непрерывно?
Он движется по одному шагу, с автозапуском или без него. Для полосы, которая скользит, не останавливаясь, постройте шатер. наш Шатёр Элементора Показывает три способа сделать это.
Чем отличается карусель от ползунка?
Ползунок показывает один слайд за раз, обычно полную ширину. Карусель показывает сразу несколько на трассе. Этот виджет выполняет оба: установите слайды на 1 столбец на 1 и работает как слайдер. есть еще в Карусель против слайдера.
Может ли каждое изображение иметь свою ссылку?
нет .. Изображения открываются в лайтбоксе, а виджет не имеет поля ссылки. В собственной карусели изображения Elementor есть пользовательский параметр URL, но он применяется к каждому слайду. Для ссылки на элемент используйте Логотип Слайдер.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
