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

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 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.
28 février 2023
Scroll Sequence is an incredible plugin that lets you add finesse to your website that is difficult to achieve otherwise. You can use its simple user interface to create these fantastic website scrolling effects even if you're not a web developer. I could only recommend this plugin, and I completely do not understand why this last reviewer complains that there is no free version. So it seems he has not even tested it yet. Why should anybody do this vast amount of work and earn nothing?
20 février 2023 1 réponse
The concept is cool and, at it's launch maybe it was the only plugin doing this, not anymore. However.... This plugin is useless without a membership on their site and there is no free membership option, just 14 days trial. So why is it here in the WP directory? Could be in commercial directories like envato, but seems pointless here, there is no functionality other than selling a freemius membership for embeding
25 mai 2022
It does take a little time to figure out, but the result is stunning. Must have plugin for sure. We have been using the free trial for a few day's but soon after bought the premium version. Keep up the good work!
22 octobre 2021
Scroll Sequence brings helps you bring a high level of complexity and awesomeness to your website. It's so simple to use, the only thing that could hold you back is your own creativity. The final sequence runs smooth as ever. I also haven't noticed any speed issues (convert your images to WebP if needed). Ales from the support team went over and above helping me. More help help than you would ever expect from a support team.
Lire les 12 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.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