Transition Slider – Responsive Image Slider and Gallery
Демо | Примеры слайдеров | Особенности | Документация | Обзор поддержки Transition Slider - это уникальный инновационный слайдер и галерея изображений и видео с плавными переходами и адаптивными анимированными слоями. Продемонстрируйте свои изображения и видео на своем веб-сайте во всех браузерах и устройствах с помощью этого уникального и самого мощного слайдера. Создайте любой слайдер без программирования! Создавайте красивые адаптивные слайд-шоу, слайдер изображений, слайдер видео, слайдер галереи, слайдер слоя с анимированными слоями и эффектами Slide, Fade, Zoom, Warp, Crossfade, Flash, Twirl, Roll, Stretch. Шаблоны Transition Slider поставляется с профессионально разработанными шаблонами, которые вы можете легко изменить и создать свой идеальный слайдер. Включены 11 бесплатных шаблонов. В PRO версии доступно гораздо больше шаблонов. 11 БЕСПЛАТНЫХ шаблонов Шаблон полноразмерного адаптивного слайдера Горизонтальный слайдер миниатюр Вертикальный слайдер миниатюр Полноэкранный слайдер с видео-фоном Слайдер видеогалереи с горизонтальными миниатюрами Слайдер галереи изображений Шаблон слайдера креативного агентства Креативный многоцелевой шаблон слайдера Шаблон слайдера агентства Шаблон бизнес-слайдера Шаблон слайдера продаж автомобилей 34 PRO шаблона Реальные Estate Slider with Tabs Template Gym Slider Template Fashion Slider Template Sport News Slider Template Real Estate Slider Template Shop Slider Template Education Slider Template view all Templates PRO Version Demo. новый уровень с эффектами перехода, которые можно увидеть только в профессиональных видеороликах. Удивите посетителей оригинальной анимацией, которая привлечет их внимание. Transition Slider вдохновлен популярными переходами для редактирования видео и позволяет вам использовать такие эффекты на своем веб-сайте. Переход включает такие эффекты, как «Размытие в движении», «Радиальное размытие», «Яркость» и искажения трехмерного изображения. Переходы полностью настраиваются, вы можете установить тип, продолжительность, динамику, направление, расстояние и яркость. Каждый слайд может иметь разные переходы. Галерея изображений / Видео галерея Создайте галерею изображений или видео галерею с уникальными и инновационными переходами между изображениями и видео. С легкостью добавляйте подписи к изображениям и видео с помощью нашего визуального редактора слайдов. У SEO Slider Slider есть специальная опция для предварительной загрузки изображения первого слайда, изображение начинает загружаться еще до того, как скрипты слайдера завершают загрузку, что отлично подходит для SEO. Это предотвращает смещение содержимого, которое является основной проблемой ползунков. Он также очень быстро загружает первый слайд, что очень удобно для пользователей. Строчные переходы - PRO Этот набор переходов доступен в версии PRO. Супер простая интеграция. Никаких технических навыков не требуется, просто выберите слайдер и вставьте шорткод на свою страницу или сообщение. Анимированные слои Совершенно новый редактор слоев дает вам возможность легко создавать слайды, добавляя анимированные элементы текста, заголовка, изображения, кнопки и видео с расширенными настройками для каждого элемента. Каждый элемент имеет анимацию входа и выхода с настраиваемой продолжительностью и задержкой. Размер слайдера. У слайдера может быть чувствительная высота (фиксированное соотношение сторон) или фиксированная высота. Также есть полноэкранный режим, в котором слайдер всегда покрывает весь экран. Предварительный просмотр в реальном времени При редактировании слайдов в красивом интерфейсе вы можете мгновенно просматривать изменения в режиме предварительного просмотра, что делает создание слайдов быстрым и эффективным. Просмотр сцены для мобильных устройств и планшетов - PRO В версии PRO вы можете мгновенно просматривать текущую созданную сцену слайдера в различных режимах устройства (мобильный телефон, планшет). Настройки размера для мобильных устройств и планшетов - PRO С помощью настроек для мобильных устройств и планшетов вы можете создать полностью адаптивный слайдер, который будет отлично смотреться на всех устройствах. У вас может быть разный размер слайдера (портрет на мобильном телефоне, альбомный на настольном компьютере и планшете) и изменить любые настройки для элементов слоя (размер шрифта, положение, интервал). Режим лайтбокса - PRO У вас может быть слайдер в режиме лайтбокса. Режим лайтбокса можно задействовать с помощью любого настраиваемого текста, который вы можете настроить в соответствии с макетом вашего веб-сайта, например изменить семейство шрифтов, размер шрифта, цвет и т. Д. Эта функция доступна только в версии PRO. Просмотреть пример лайтбокса Элемент iFrame - PRO Transition Slider стал еще более гибким благодаря новой функции источника HTML внутри слайдов! Вы можете вставить любой HTML-контент внутрь слайдов и полностью настроить его размер, анимацию и т. Д. Таким образом, вы можете отобразить любую возможную веб-страницу, которую вы можете представить из Интернета, внутри вашего слайдера. Эскизы слайдера В слайдере можно отображать эскизы изображений. Эта функция дает вам гибкость, чтобы улучшить пользовательский опыт, благодаря лучшему предварительному просмотру содержимого вашего слайдера. Миниатюры полностью настраиваются, поэтому вы можете легко изменить их положение (вверху / вправо / внизу / влево), выбрать отображение их внутри слайдера или вне слайдера, вы можете установить любой размер миниатюр и даже изменить их цвет, фон и границу. Шаблоны кнопок Мы создали 12 элегантных шаблонов кнопок. Одним щелчком вы можете добавить их на свой слайд. В эту версию включены 5 шаблонов кнопок, а в PRO версии вы получите еще 7 шаблонов кнопок. Элементы кнопок также можно настроить. Текстовые шаблоны Мы создали 16 лучших текстовых шаблонов с наиболее привлекательными шрифтами. Одним щелчком вы можете добавить их на свой слайд. В эту версию включены 5 текстовых шаблонов и 11 дополнительных текстовых шаблонов, которые вы получите в версии PRO. Тем не менее, вы можете настраивать свои тексты вручную без ограничений. Шрифт Google Более 1000+ шрифтов Google доступны в слайдере. Сделайте свою сеть более красивой, быстрой и открытой с помощью отличной типографики. Google Fonts ускоряет работу слайдера и веб-страницы за счет безопасного кэширования шрифтов без ущерба для конфиденциальности или безопасности пользователей. Навигация Включено 10 готовых стилей стрелок навигации, но вы можете настроить элементы навигации, чтобы они идеально соответствовали стилю вашего веб-сайта. Разбиение на страницы Так же, как стрелки навигации, включены 6 готовых стилей нумерации страниц, которые можно полностью настроить. Кроме того, вы можете сделать их динамическими или отключить. Отличный UX День за днем мы значительно улучшаем пользовательский опыт, улучшая дизайн интерфейса и удобство использования Transition Slider. Полностью настраиваемый слайдер Transition полностью настраивается, что означает, что у вас есть полный контроль над визуальным содержанием слайдера. Каждый элемент слайдера можно настроить, от навигации, разбивки на страницы, размеров, теней, анимации до даже добавления собственного CSS в качестве верхнего уровня неограниченных возможностей настройки. Перетаскиваемые слайды Transition Slider теперь имеют перетаскиваемые слайды, что делает потрясающие эффекты WebGL еще более привлекательными. Вы можете перетаскивать слайды касанием или мышью в обоих направлениях. Ленивая загрузка изображений слайдов, видео и элементов слоев загружается только тогда, когда отображаются соответствующие слайды (все изображения слайдера НЕ загружаются заранее). Таким образом, мы уделяем внимание тому, чтобы избежать сильного воздействия на широкополосный доступ пользователей и улучшить взаимодействие с пользователем. Высокопроизводительный ползунок отображается только тогда, когда он виден в области просмотра, поэтому вы можете без проблем разместить на странице несколько ползунков полной ширины. Это позволяет создавать высокопроизводительные веб-сайты с анимацией, видео и изображениями. Эффект параллакса С помощью функции прокрутки параллакса вы можете создать глубину и сделать слайдер еще более визуально превосходным! Бесконечное зацикливание Первый слайд плавно отображается после последнего слайда без перемотки карусели. Ссылка на слайд Создайте кнопку полной ссылки на слайд для любого слайда в вашем слайдере. Необязательный всегда видимый слой Есть отличная новая возможность иметь один слой между изображением слайда и элементами слайда, который можно использовать для «затемнения» изображения слайда и для выделения текста и кнопок на слайдере. Этот дополнительный слой можно полностью настроить, изменив цвет, прозрачность и размер слоя. Переходы через WebGl или CSS. Если вы предпочитаете иметь молниеносный слайдер и переходы между слайдами, и вы не хотите использовать расширенные переходы, мы сделали это возможным с помощью переходов CSS. Навигация с помощью прокрутки мыши Вы можете перемещаться по слайдам с помощью прокрутки мыши. = Автозапуск слайдера = Воспользуйтесь преимуществами автоматического воспроизведения слайдов по таймеру, чтобы ваши пользователи получили визуальное представление до фактического взаимодействия со слайдером. Кроме того, вы можете включить опцию индикатора выполнения, чтобы пользователи могли видеть, как долго будет отображаться каждый слайд, прежде чем перейти к следующему слайду. Автозапуск слайдов - PRO В версии PRO каждый слайд может иметь свой таймер автовоспроизведения. Это было бы очень полезно для отображения различных продуктов на слайдах с изображениями и видео на слайдах. Таким образом вы можете сделать определенные слайды «длиннее» или «короче». Произвольный выбор слайдов Каждый раз, когда ваша веб-страница загружается, слайды могут отображаться в случайном порядке. Настраиваемые действия для элементов слоя - PRO Каждый элемент слоя (текст, кнопка, изображение) может иметь настраиваемое действие. Например, вы можете создать набор вкладок (кнопок) и заставить каждую из них переключаться на определенный слайд при нажатии. Статические элементы - элементы уровня PRO, такие как текст, кнопка и изображение, могут быть помечены как «статические». Это означает, что вы можете сделать элемент видимым на всех слайдах все время, что делает Transition Slider еще более информативным. Функции, совместимые с Gutenberg • Уникальные эффекты перехода между слайдами, созданные с помощью настраиваемых шейдеров WebGL • Настраиваемые переходы - направление, скорость, продолжительность, яркость, ослабление • 10 различных эффектов перехода - слайд, вращение, масштабирование, растяжение, мощное масштабирование, вращение, деформация, вспышка, затухание , кроссфейд • Адаптивный размер - фиксированная или адаптивная высота в зависимости от ширины • Полная ширина, полноэкранный, рамочный макет • Анимированные элементы Текст, кнопка, изображение, видео • Визуальный редактор слоев • Переходы для каждого слоя • Слайд изображения • Видеослайд • Стрелки навигации - предустановленные и настраиваемые • Пагинация - представляет и настраивается • Слайды с отложенной загрузкой • Автозапуск с синхронизацией • Цикл ползунка - переход от последнего слайда к первому • Перетаскиваемые слайды - переход при касании, перемещении или щелчке и перетаскивании • Глубокая ссылка • Ссылка на слайд - весь слайд является ссылкой • Переключайте слайды с помощью прокрутки мыши • Стили CSS - настраивайте что угодно с помощью пользовательского CSS и просматривайте изменения в реальном времени • 4 стиля предварительного загрузчика • Функции Parallax PRO • Режим лайтбокса • Элемент iFrame (любой источник HTML внутри слайда) • Настройки для мобильных устройств и планшетов (полная адаптивность) • Новый набор переходов Линейные переходы • Импорт и экспорт слайдеров • +11 готовых текстовых шаблонов • +7 готовых шаблонов кнопок • Таймер автовоспроизведения для каждого слайда • Пользовательские действия для элемента слоя (переключение на определенный слайд при нажатии кнопки / текста / изображения) Совместимые браузеры IE10 + Firefox Safari Opera Chrome iOS-браузер Android-браузер Документация Если у вас есть какие-либо вопросы о работе с «Transition Slider», вы можете посмотрите онлайн-документацию. Что говорят наши пользователи: «Поддержка потрясающая, этот плагин потрясающий. Я определенно рекомендую этот плагин всем, кто работает на wordpress. Один из самых простых в использовании плагинов и потрясающих возможностей ». - oesalazar123 «Бум, это ВАУ! Плагин. быстрая и прекрасная поддержка, полностью доволен ». - agentkiller007 «Я использовал облегченную версию на двух сайтах. Чрезвычайно удобный (важно для клиентов) и легкий плагин. Великолепно со всех сторон ». - alexwent «Бесплатная версия плагина Transition Slider уже обладает богатым набором функций, так что вы можете проверить любые необходимые настройки. У него больше бесплатных опций, чем я видел на другом похожем слайдере. Кроме того, им еще проще пользоваться. Единственное предостережение: в бесплатной версии нет настроек для мобильных устройств, и я настоятельно рекомендую приобрести полную версию, чтобы получить все функции, включая детальные настройки для мобильных устройств. Цена очень справедливая и борется с другими плагинами, которые менее многофункциональны, менее просты в использовании и намного более дорогие ». - yogieanamcara «Это прекрасный слайдер с отличными эффектами - спасибо!» - glaeskewpr «Этот слайдер наполнен функциями, и его легко начать. А поддержка просто феноменальная! » - Стивемуллен «Создатели очень отзывчивы и помогли мне с проблемой, с которой я столкнулся. Результатом стало новое обновление, сделавшее этот плагин для слайдера одним из лучших! " - синий1
Автор: creativeinteractivemedia
Версия: 2.20.3
Последнее обновление: 2021-07-20 1:25pm GMT