Scrollsequence – Extension d‘animation d‘images en défilement cinématique

Description

Scrollsequence vous permet de créer de superbes animations de séquences d‘images contrôlées par la molette de la souris ou le toucher. Transformez en quelques clics un design statique en une expérience cinématographique.

Donnez vie à votre site, faites-le défiler grâce à la vidéo et au contenu interactif. Vous pouvez l‘utiliser pour créer une séquence d‘animation accrocheuse sur votre page d‘accueil ou dans des articles et des pages afin d‘offrir aux visiteurs un moyen plus cinématographique et plus attrayant de consommer votre contenu.

Jamais vu auparavant sur 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.

Premiers pas

Caractéristiques principales

  • Performances – Grâce à la technologie de dessin d’images HTML5 Canvas et aux scripts et HTML légers
  • Glisser-déposer – Réorganisez les images, les scènes et les animations
  • Animer des éléments HTML – Rédigez et animez du contenu en synchronisation avec les médias
  • Éditeur WYSIWYG – Fonctionnalité code court et oEmbed
  • Compatible – Use with Gutenberg, Elementor, Divi, Oxygen, Beaver Builder and many others
  • SEO – Tout le contenu est visible par les moteurs de recherche
  • Entièrement responsive – Options de dimensionnement et d’alignement pour les mobiles et les ordinateurs
  • Galerie de médias – Téléversement et sélection dans l’administration
  • Préchargement des images – Les images sont préchargées en arrière-plan
  • CSS personnalisé – Ajoutez vos propres styles
  • Réglages d‘opacité d‘image et de couleur d’arrière-plan
  • Réglages de vitesse de Scrollsequence
  • Option de repli lorsque l‘utilisateur ou l‘utilisatrice a désactivé Javascript
  • Options pour masquer/afficher le pied de page et la colonne latérale
  • Prise en charge native des codes courts de 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

Que disent les gens de Scrollsequence ?

« Vous n’avez jamais vu quelque chose comme ça dans WordPress. » – Bjorn Allpas – WP Learning Lab

« Cela porte l’interactivité à un autre niveau. » – Imran Siddiq – Web Squadron

« Game Changer – Vraiment excité par l’avenir de cette extension hors du commun, elle est étonnante. Excité par ce que l’avenir nous réserve et impatient de voir la fonctionnalité widget peut-être dans les constructeurs comme Divi. » – Luke Dempsey

« Meilleure exécution du scrolly telling – J’ai essayé de nombreuses façons de créer du contenu scrolly telling… des fichiers lottie aux déclencheurs de défilement en passant par des trucs gsap personnalisés. Cependant, aucune ne s’approche de ce que Scrollsequence peut faire. » – Leon Kiongwei

« Excellente extension – Elle fonctionne, elle est fluide. Il faut juste un peu de temps pour comprendre la logique, mais c’est assez simple. » – P Fabor

Captures d’écran

  • Scrollsequence - Exemple d‘animation Cyberpunk
  • Scrollsequence - Exemple d‘animation de beauté
  • Interface utilisateur - Exemple d‘animation de beauté
  • Tableau de bord
  • Exemple d‘utilisation du code court
  • Interface utilisateur 1
  • Interface utilisateur 2

Installation

  1. Téléversez le fichier .zip de Scrollsequence dans le répertoire /wp-content/plugins/
  2. Activez l’extension via le menu « Extensions » dans WordPress
  3. Allez vers le menu d‘administration de Scrollsequence
  4. Suivez les premiers pas dans le menu du tableau de bord

FAQ

Dois-je savoir coder ?

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

Puis-je l‘utiliser sur n‘importe quel site ?

Oui, si vous avez un site existant, vous pouvez ajouter cette fonctionnalité en quelques clics.

Puis-je utiliser Scrollsequence avec Elementor ou Divi ?

Oui, il suffit d‘insérer le code court dans le constructeur de votre choix et il s‘intégrera parfaitement !

Comment ajouter l‘animation à un article ou à une page ?

Utilisez le code court [scrollsequence id= »#### »] pour l‘insérer dans n‘importe quelle page ou article.

Scrollsequence est-il compatible avec tous les thèmes ?

Nous avons fait de notre mieux pour que vous puissiez l‘utiliser sur n‘importe quel site. Il est recommandé d‘utiliser des thèmes qui ne rompent pas le comportement normal de défilement avec des barres de défilement personnalisées ou des transitions AJAX. Veuillez contacter notre support si vous rencontrez des problèmes d‘intégration à votre thème.

C‘est gratuit ?

Oui, la fonctionnalité de base est gratuite. Si vous voulez être plus sophistiqué, vous pouvez acheter les versions PRO ou Business.

Offrez-vous du support ?

Oui, il y a un support par e-mail pour la version PRO. Si vous utilisez la version gratuite, n‘hésitez pas à demander sur le forum de support de WordPress.

Qu‘en est-il des temps de chargement des pages ?

Les premières images sont récupérées lors du chargement de la page. Dès qu‘un nombre minimum d‘images a fini d‘être chargé, l‘animation est affichée et les images restantes sont chargées en arrière-plan.

Avis

9 décembre 2023 1 réponse
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 novembre 2023
Scrollsequence helped us create a killer animation on our homepage, process was easy and I am super satisfied with the result!
4 septembre 2023 1 réponse
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 juin 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!
9 mai 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.
Lire les 17 avis

Contributeurs/contributrices & développeurs/développeuses

« Scrollsequence – Extension d‘animation d‘images en défilement cinématique » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Scrollsequence – Extension d‘animation d‘images en défilement cinématique” a été traduit dans 6 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Scrollsequence – Extension d‘animation d‘images en défilement cinématique » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

1.5.4

  • Bug Fix – Carbon Fields Error on AWS
  • Getting Started Update

1.5.3

  • External Tools added
  • Chores – tidyup, errors handling
  • CarbonFields 3.6.3

1.5.1

  • WP Media Gallery Import added
  • Freemius SDK update

1.5.0

  • Media Tools Added

1.4.6

  • Documentation Update

1.4.5

  • Delete All button fix

1.4.4

  • Carbon fields library update to 3.6

1.4.3

hotfix
– gsap rollback to 3.8.0

1.4.2

  • .scrollsequence-canvas animation fix

1.4.1

  • gsap update to 3.12.2
  • wordpress 6.3 support check

1.4.0

  • bug fix

1.3.81

  • Front end display added
  • Console.log cleanup

1.3.7

  • start trigger visibility fix
  • front end development information added to « Show Triggers »

1.3.6

  • Freemius SDK Update
  • Docs link added
  • WordPress 6.2 & 2323 Theme compatibility

1.3.5

  • Update, ssqalert

1.3.4

  • Update

1.3.3

  • High Definition Canvas Option
  • WP Rocket Image CDN Support

1.3.2

  • FSE Bugfix

1.3.1

  • Position Absolute
  • More options for hiding scrollsequence on specific devices

1.3.0

Major Update
– Knowledge Base Dashboard Link Added
– Options added for position (CSS Sticky, JS Sticky and Static)
– .scrollsequence-spacer DOM element removed
– Scrollsequence DOM wrapper and comment added
– Delayed refresh caused frame drop – Fixed
– Bugfix Safari « Error repeatedly occured »
– Minor updates
– Freemius SDK 2.4.5 Update

1.2.7

  • Meta Box Bugfixes
  • HelpScout Beacon
  • Trial does not require a card
  • Affiliate SDK fix