Scrollsequence — Плагин для анимации изображений кинематографической прокрутки

Описание

Scrollsequence позволяет создавать потрясающие анимации последовательности изображений, которые управляются с помощью мыши или прикосновений. Превратите статичный дизайн в кинематографическое зрелище в несколько кликов.

Оживите свой сайт, прокручивайте видео и интерактивное содержимоеscroll. Вы можете использовать его для создания привлекательной последовательности анимаций на домашней странице или в индивидуальных записях, чтобы продложить посетителям более кинематографический, увлекательный способ потребления вашего содержимого.

Никогда раньше не было на WordPress

Scroll sequence technology was exclusive to big tech companies, who have budget and skills to implement it from scratch. Sony, Apple and Samsung made use of this background animation technique, learn how they made use of scroll animations and how to add this feature to your site with ease.

Начать работу

Главные функции

  • Производительность — Благодаря технологии рисования изображений HTML5 Canvas, лёгким скриптам и HTML
  • Перетаскивание -Заново упорядовачивайте изображения, сцены и анимации
  • Анимируйте HTML-элементы — Создавайте и анимируйте содержимое синхронно с медиа
  • Редактор WYSIWYG — Возможность использования коротких кодов и oEmbed
  • Compatible — Use with Gutenberg, Elementor, Divi, Oxygen, Beaver Builder and many others
  • SEO — Всё содержимое видят поисковые системы
  • Полностью отзывчивый — Параметры размера и выравнивания для мобыльных устройств и компьютеров
  • Медиа-галерея — Загрузка и выбор бэкэнда
  • Предварительная загрузка изображений — Изображения предварительно загружаются в фоновом режиме
  • Пользовательский CSS — Добавьте свои собственные стили
  • Настройки непрозрачности изображения и цвета фона
  • Настройки скорости Scrollsequence
  • Резервный вариант, если у пользователя отключён Javascript
  • Параметры отображения/скрытия для подвала и боковой панели
  • Встроенная поддержка коротких кодов WordPress

Pro Plan Feautres

  • Advanced Content Animation — Create Fade In, Fade Out, Move and Scale animations on scroll
  • Unlimited Scenes and Images
  • Smooth Scroll Delay — Add a delay effect to your animation to make it smoother
  • Smart Image Pre-loading — Control how many images are loaded on page load before the animation is displayed
  • SEO Friendly — All content added to Scrollsequence is indexable
  • Priority Support

Business Plan Feautres

  • Cloud Media Tools — A collection of handy cloud based media tools
  • Video to Image Converter — Convert source video into a sequence of images in seconds
  • AI Frame Former — Increase number of image frames from your video in our cloud service for smoother animation
  • WP Media Gallery Import — Import still images from your video directly to WP Media Gallery with one click

Что говорят о Scrollsequence?

» Вы никогда не видели ничего подобного на WordPress. ,» — Бьорн Аллпас — Учебная лаборатория WP

» Это выводит интерактивность на новый уровень. » — Имран Сиддик — Web Squadron

» Переломный момент — Я в восторге от будущего этого плагина, он невероятен с самого начала. В восторге от того, что принесёт завтрашний день, и с нетерпением жду функциональности виджетов, например, как в конструкторах типа Divi», — Люк Демпси

» Лучшая реализация создания историй с помощью прокрутки — Я испробовал множество способов для создания содержимого такого плана… от файлов lottie и тригеров прокрутки до пользовательской gsap. Ничто и рядом не стоит с Scrollsequence», — Леон Кионгвей

» Отличный плагин — Он работает, он быстрый. Вам потребуется немного времени, чтобы понять его логику, но она довольно проста», — П. Фабор

Скриншоты

  • Scrollsequence - Пример киберпанк-анимации
  • Scrollsequence - Пример анимации в сфере красоты
  • Пользовательский интерфейс - Пример анимации в сфере красоты
  • Панель управления
  • Пример использования коротких кодов
  • Пользовательский интерфейс 1
  • Пользовательский интерфейс 2

Установка

  1. Загрузите файл Scrollsequence .zip в директорию /wp-content/plugins/
  2. Активируйте плагин в разделе меню «Плагины» на WordPress
  3. Перейдите в меню администратора Scrollsequence
  4. Перейдите в раздел «Начать работу» в меню панели инструментов

Часто задаваемые вопросы

Мне нужно знать код?

No, Scrollsequence makes it easy for you to create unique user experiences with animated background.

Я могу его использовать на любом сайте?

Да, если у вас есть действующий сайт, вы можете добавить этот функционал в несколько кликов.

Могу ли я использовать Scrollsequence с Elementor или Divi?

Да, просто вставьте короткий код в любой вырбранный вами конструктор, и он легко впишется!

Как мне добавить анимацию в запись или страницу?

Импользуйте короткий код [scrollsequence id=»####»], чтобы вставить его в любую страницу или запись.

Scrollsequence совместим со всеми темами?

Мы сделали всё для того, чтобы вы могли использовать его на любом сайте. Рекомендуется использовать темы, которые не нарушают обычное поведение с помощью пользовательских полос прокрутки или переходов AJAX. Пожалуйста, свяжитесь с нашей службой поддержки, если у вас возникли проблемы с интеграцией в вашу тему.

Это бесплатно?

Да, базовый функционал бесплатный. Если вы хотите быть модным, купите версию PRO или Business.

Вы предоставляете поддержку?

Да, для версии PRO есть поддержка по электронной почте. Если вы используете бесплатную версию, без раздумий спрашивайте на форуме поодержки WordPress.

А что со временем загрузки страниц?

Первые несколько изображений загружаются во время загрузки страницы. Как только минимальное количество изображений завершает загрузку, отображается анимация, а оставшиеся изображения загружаются в фоновом режиме.

Отзывы

09.12.2023 1 ответ
The idea for this plugin is certainly good but the documentation is outdated and shows options that don't exist on the actual editing page. The animation process also isn't straight forward and there are very few explanations about certain coding aspects. The plugin praises itself as being code-free, but that isn't the case. Not to mention again that the documentation is outdated, thus it's difficult to follow the tutorial. The pro version is clearly the best part of the plugin, with the free version existing only to entice you to buy. The trouble is a lifetime license is expensive, especially for someone who may want to use only one or two animations, and it certainly isn't worth paying for this. Overall this is a bit disappointing because it's less about providing customers and users with a useful tool, it's rather about gate-keeping, and even the free options aren't intuitive enough to navigate. It would be really nice if the developers would think of something there, both in terms of lowering the lifetime cost of the plugin + making the animation process more straightforward.
20.11.2023
Scrollsequence helped us create a killer animation on our homepage, process was easy and I am super satisfied with the result!
04.09.2023 1 ответ
Really good plugin, obviously still in its early stages but the great support makes it very worthwhile. I can see it only getting better!
12.06.2023
This WordPress plugin is a game-changer! It seamlessly integrates into your website, offering a wide range of intuitive features that boost functionality and customization. I feel this plugin has made coding redundant!
09.05.2023
It is easy to declare the winner after first trying to build the same feature / app on own team. Scrollsequence got it right. The very core of the app, which is the end user experience (look & feel) and the SEO compatibility are the key reasons not to look further on. We are rolling this out to multiple use cases now.
Посмотреть все 17 отзывов

Участники и разработчики

«Scrollsequence — Плагин для анимации изображений кинематографической прокрутки» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«Scrollsequence — Плагин для анимации изображений кинематографической прокрутки» переведён на 6 языков. Благодарим переводчиков за их работу.

Перевести «Scrollsequence — Плагин для анимации изображений кинематографической прокрутки» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.5.6

  • WP 6.5 compatibility
  • i18n update

1.5.5

  • security update