Scrollsequence – Cinematic Scroll Image Animation Plugin

Beschrijving

Met Scrollsequence kan je geweldige animaties van afbeeldingen maken die worden bestuurd met muiswiel of aanraking. Verander een statisch ontwerp in een paar klikken in een filmervaring.

Laat je site tot leven komen, scroll door video en interactieve content. Je kan het gebruiken om een opvallende animatiereeks op je homepage of in afzonderlijke berichten en pagina’s te maken om bezoekers een meer boeiende manier te bieden om je inhoud te ontdekken.

Nooit eerder gezien op WordPress

Scroll sequence technologie was exclusief voor grote technologiebedrijven, die het budget en de vaardigheden hebben om het helemaal opnieuw te implementeren. Sony, Apple en Samsung maakten gebruik van deze scroll techniek, leer hoe ze gebruik hebben gemaakt van scroll animaties en hoe je deze functie eenvoudig aan je site kan toevoegen.

Aan de slag

Belangrijkste functies

  • Snelheid – Dankzij HTML5 canvas-technologie voor het tekenen van afbeeldingen en snelle scripts en HTML
  • Verslepen – afbeeldingen, scènes en animaties opnieuw ordenen
  • HTML-elementen animeren – schrijf en animeer inhoud synchroon met media-elementen
  • WYSIWYG-editor – shortcode en oEmbed mogelijkheden
  • Compatible – Use with Gutenberg, Elementor, Divi, Oxygen, Beaver Builder and many others
  • SEO – alle inhoud is zichtbaar voor zoekmachines
  • Volledig responsive – opties voor formaat en uitlijning voor mobiel en desktop
  • Mediagalerij – backend uploaden en selecteren
  • Vooraf laden van afbeeldingen – afbeeldingen worden vooraf op de achtergrond geladen
  • Aangepaste CSS – voeg je eigen stijlen toe
  • Instellingen voor afbeeldingsdekking en achtergrondkleur
  • Scrollsequence snelheidsinstellingen
  • Fallback-optie wanneer de gebruiker Javascript heeft uitgeschakeld
  • Opties om footer en zijbalk te verbergen/tonen
  • Standaard WordPress shortcode-ondersteuning

Wat zeggen anderen over Scrollsequence?

Zoiets heb je nog niet eerder gezien in WordPress. ” – Bjorn Allpas – WP Learning Lab

Dit tilt de interactiviteit naar een hoger niveau. ” – Imran Siddiq – Web Squadron

Game Changer – Ik ben erg enthousiast over de toekomst van deze plugin, want het is verbazingwekkend. Enthousiast over wat de toekomst in petto heeft en kijk uit naar widget-functionaliteit misschien in builders zoals Divi.” – Luke Dempsey

Beste uitvoering van scrolly telling – Ik heb veel manieren geprobeerd om scrolly telling content te maken… van lottie-bestanden tot scroll-triggers tot aangepaste gsap-dingen. Geen komt echter in de buurt van wat Scrollsequence kan doen .” – Leon Kiongwei

Geweldige plugin – Het werkt, het is vloeiend. Je hebt alleen wat tijd nodig om de logica te begrijpen, maar het is vrij eenvoudig.” – P Fabor

Schermafdrukken

  • Scrollsequence - voorbeeld cyberpunk-animatie
  • Scrollsequence - voorbeeld schoonheidsanimatie
  • User Interface - voorbeeldanimatie beauty
  • Dashboard
  • Voorbeeld shortcode gebruik
  • User Interface 1
  • User Interface 2

Installatie

  1. Upload het Scrollsequence .zip bestand naar de /wp-content/plugins/ map
  2. Activeer de plugin via het menu ‘Plugins’ in WordPress
  3. Navigeer naar het adminmenu van Scrollsequence
  4. Volg “Aan de slag” in het dashboardmenu

FAQ

Moet ik kunnen programmeren?

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

Kan ik het op elke site gebruiken?

Ja, als je een bestaande website hebt, kan je deze functionaliteit met een paar klikken toevoegen.

Kan ik Scrollsequence gebruiken samen met Elementor of Divi?

Ja, voeg gewoon de shortcode in een willekeurige builder van je keuze in en het zal naadloos in elkaar overgaan!

Hoe kan ik de animatie toevoegen aan bericht of pagina?

Gebruik shortcode [scrollsequence id=”####”] om het in een pagina of bericht in te voegen.

Is Scrollsequence compatibel met alle thema’s?

We hebben ons best gedaan om het op elke site te kunnen gebruiken. Het wordt aanbevolen om thema’s te gebruiken die het normale scrollgedrag niet bewerken met aangepaste schuifbalken of AJAX-overgangen. Neem contact op met onze ondersteuning als je problemen ondervindt met de integratie met je thema.

Is het gratis?

Ja, de basisfunctionaliteit is gratis. Als je zin hebt, kan je PRO- of Business-versie kopen.

Bied je ondersteuning?

Ja, er is e-mailondersteuning voor de PRO-versie. Als je de gratis versie gebruikt, aarzel dan niet en stel je vraag op het WordPress-ondersteuningsforum.

Hoe zit het met de laadtijden van pagina’s?

De eerste paar afbeeldingen worden opgehaald tijdens het laden van de pagina. Zodra een minimaal aantal afbeeldingen is geladen, wordt de animatie weergegeven en worden de resterende afbeeldingen op de achtergrond geladen.

Beoordelingen

20 november 2023
Scrollsequence helped us create a killer animation on our homepage, process was easy and I am super satisfied with the result!
4 september 2023 1 reactie
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 juni 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 mei 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.
Lees alle 16 beoordelingen

Bijdragers & ontwikkelaars

“Scrollsequence – Cinematic Scroll Image Animation Plugin” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“Scrollsequence – Cinematic Scroll Image Animation Plugin” is vertaald in 6 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Scrollsequence – Cinematic Scroll Image Animation Plugin” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

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