Слайдер Elementor Gallery с миниатюрами (Pro): виджет с разделенным расположением
Галерея Слайдер является виджет Master Addons Pro, который показывает один большой предварительный вид изображения с набором миниатюр рядом, над или под ним. Посетители щелкают миниатюру, или использовать стрелки, чтобы изменить предварительный просмотр. миниатюры могут сидеть в сетке до 12 столбцов или прокручивать в горизонтальной или вертикальной карусели. это подходит для портфелей, фотографий продуктов, списка недвижимости и альбомов событий.
Как добавить ползунок галереи с миниатюрами в Elementor
Виджету нужны Master Addons Pro, а изображения поступают из вашей медиатеки.
- С активными Master Addons Pro проверьте это Галерея Слайдер включается в настройках виджета Master Addons.
- Отредактируйте свою страницу с помощью Elementor, найдите Галерея Слайдер и втащить.
- В Галерея, нажмите Добавить изображения и выберите свои фотографии. добавьте подписи в медиа-окно, если хотите, чтобы они были показаны.
- В Миниатюры, выбирай Сетка и количество столбцов, или Карусель с горизонтальной или вертикальной ориентацией.
- В Предварительный просмотр, установить эффект, автовоспроизведение, стрелки и открывает ли изображение лайтбокс.
- На вкладке Стиль откройте Макет, выберите Предпросмотр Позиция и ширину, затем обновите страницу.
Чтобы получить более длительное прохождение, включая кейс видеогалереи, прочтите наш путеводитель ползунка галереи.
Разделенная планировка: предварительный просмотр на любой стороне
На вкладке Стиль, Макет устанавливает Предпросмотр Позиция вверху, справа, внизу или слева, по умолчанию - слева. слева или справа вы устанавливаете Ширина предварительного просмотра (%), 70 по умолчанию, а с помощью Top или Bottom вы устанавливаете ширину и выравнивание карусели. Стекаться на переключается на вертикальную компоновку на планшете и мобильном телефоне или только на мобильном телефоне.
- Миниатюрная сетка: От 1 до 12 колонн с горизонтальным и вертикальным расстоянием.
- Миниатюрная карусель: горизонтально или вертикально, от 1 до 12 слайдов на вид, со своими стрелками, автоспектаклем, петлей и направлением.
- Расстояние: разрыв между предварительным просмотром и миниатюрами, 24 по умолчанию.
Стиль предварительного просмотра и миниатюр
The Предварительный просмотр раздел "Стиль" имеет индивидуальную высоту, соответствие изображения (покрывать или содержать), цвет фона, границу, радиус границы и тень коробки, а также размер стрелки, набивку и цвета по умолчанию, наведение и отключение. Миниатюры Эффекты наведения стилизует каждую миниатюру в состояниях по умолчанию, наведение и в активном состоянии с цветом фона, непрозрачностью (0,65 по умолчанию), масштабированием и CSS-фильтрами, а также добавляет накладной слой.
- Активный миниатюра: придайте текущему изображению границу или полную непрозрачность, чтобы посетители видели, где они находятся.
- Подписи: отдельный стиль субтитров для предварительного просмотра и миниатюр, включая вертикальное и горизонтальное положение.
- Накладка: цветной или градиентный слой поверх миниатюр в режиме смешивания.
Эффекты скольжения, Кен Бернс и эффекты наведения субтитров
Эффект устанавливает, как предварительный просмотр перемещается к следующему изображению: Slide, Fade, Cube, Flip или Coverflow, с Скорость (мс) в 1000 по умолчанию. Когда эффект затухает, a Кен Бернс опция добавляет медленный зум с масштабом, преобразованием происхождения (по умолчанию, случайной или пользовательской точкой привязки), продолжительностью и упрощением. Предварительный просмотр эффектов наведения оживляет подписи при наведении курсора посетителей с такими эффектами, как "Вход", "Сверху" или "Слева".
- Пять эффектов: Скольжение, затухание, куб, переворот и покров.
- Кен Бернс: доступен только с эффектом Fade.
- Наведение надписи: затушите подпись или вытащите ее, или вставьте ее сбоку.
Автовоспроизведение, стрелки, ссылки и лайтбокс
Предварительный просмотр имеет Автовоспроизведение (по умолчанию каждые 5000 мс), Пауза на зависании, Отключить при взаимодействии, Бесконечная петля и Авто Высота. Стрелки может сидеть в семи позициях. Ссылка на открывает медиафайл с дополнительным лайтбоксом или пользовательским URL-адресом. Заказ может перетасовывать изображения наугад.
- Разрешение изображения: отдельные размеры для предварительного просмотра (полный по умолчанию) и миниатюр (миниатюра по умолчанию).
- Подписи: Название, надпись или описание из медиатеки, установленные отдельно для предварительного просмотра и миниатюр.
Медиа-карусель Elementor Pro против слайдера галереи Master Addons
Медиа-карусель Elementor Pro имеет слайд-шоу с миниатюрами (отмечено на Elementor 4.2.4 с Pro).У Image Carousel в свободном Elementor нет миниатюр.
| Особенность | Медиа-карусель Элементор Про | Мастер Аддоны Галерея Слайдер |
|---|---|---|
| Цена | Элементор Про | Мастер Аддоны Про |
| Положение миниатюр | Полоса под основным слайдом | Верхняя, правая, нижняя или левая часть предварительного просмотра |
| Миниатюрная раскладка | Карусельная полоса | Сетка из 1-12 колонн или горизонтальной или вертикальной карусели |
| Эффекты | Слайд, Фэйд, Куб | Слайд, Выцветание, Куб, Флип, Покровный поток |
| Кен Бернс | Нет | Да, с Фэйдом |
| Видео слайды | Да | Нет, только изображения |
| Лайтбокс | Да | Да, при ссылке на медиафайл |
Выберите медиа-карусель, если некоторые слайды являются видео. Для галерей изображений Gallery Slider предоставляет больший выбор макета: миниатюры на любой стороне, сетка или вертикальная полоса и другие эффекты перехода.
Другие виджеты изображений: Изображение Карусель (бесплатно) и Фильтруемая галерея изображений (бесплатно).
Часто задаваемые вопросы для слайдера галереи
Виджет Gallery Slider бесплатен?
№ Галерея Слайдер является частью Master Addons Pro. Бесплатный Изображение Карусель виджет охватывает простые ползунки изображений без панели миниатюр.
Могу ли я сделать миниатюры отображаемыми в сетке, а не в одной строке?
Да. Установите карусель/сетку в сетку в разделе Миниатюры и выберите от 1 до 12 столбцов. Переключитесь на карусель для одного прокручиваемого ряда или вертикальной полосы.
Применяется ли эффект Кена Бернса ко всем изображениям?
Это относится к изображению предварительного просмотра, и только когда Effect установлен на Fade.Tunk Ken Burns, затем установить Scale, Transform Origin, Duration и Easing.Thumbnails не затронуты.
Как это работает со многими изображениями высокого разрешения?
Подавайте файлы меньшего размера там, где вы можете. Установите разрешение изображения предварительного просмотра на большое, а не на полное, когда предварительный просмотр уже 1024px, сохраняйте миниатюры в размере миниатюр и сжимайте изображения перед загрузкой.
Могу ли я использовать это для галереи изображений продуктов в интернет-магазине?
Да, для изображений, которые вы выбираете вручную Виджет не тянет изображения продукта WooCommerce самостоятельно, поэтому добавьте фотографии в галерею самостоятельно.
Что происходит на мобильном телефоне с функцией "Stack on"?
Стек на наборы, когда расположение рядом поворачивается вертикально: на Tablet & Mobile, что является стандартом по умолчанию, или только на Mobile. Затем предварительный просмотр и миниатюры складываются так, что оба остаются достаточно большими, чтобы их можно было использовать на сенсорном экране.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение 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)
Дубликатор сообщений/страниц
