Title: Scrollsequence – tillägg för skrollstyrd bildanimering med filmkänsla
Author: Scrollsequence
Published: <strong>29 augusti 2020</strong>
Last modified: 31 juli 2025

---

Sök tillägg

![](https://ps.w.org/scrollsequence/assets/banner-772x250.png?rev=2780205)

![](https://ps.w.org/scrollsequence/assets/icon-256x256.png?rev=2780206)

# Scrollsequence – tillägg för skrollstyrd bildanimering med filmkänsla

 Av [Scrollsequence](https://profiles.wordpress.org/scrollsequence/)

[Ladda ner](https://downloads.wordpress.org/plugin/scrollsequence.1.6.2.zip)

 * [Detaljer](https://sv.wordpress.org/plugins/scrollsequence/#description)
 * [Recensioner](https://sv.wordpress.org/plugins/scrollsequence/#reviews)
 *  [Installation](https://sv.wordpress.org/plugins/scrollsequence/#installation)
 * [Utveckling](https://sv.wordpress.org/plugins/scrollsequence/#developers)

 [Support](https://wordpress.org/support/plugin/scrollsequence/)

## Beskrivning

Med Scrollsequence kan du skapa hänförande animerade bildsekvenser som styrs med
musens hjul eller touch-styrning. Omvandla statisk design till en filmisk upplevelse
med bara några klick.

Väck din webbplats till liv, bläddra bland video och interaktivt innehåll. Du kan
använda detta till att skapa en iögonfallande animeringssekvens på startsidan eller
i enskilda inlägg och på sidor för att erbjuda ett mer filmliknade och engagerande
sätt för besökarna att ta del av ditt innehåll.

### Helt nytt för 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](https://scrollsequence.com/how-to-make-scroll-image-animation/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme)
and how to add this feature to your site with ease.

### Kom igång

 * Kolla in några [exempel](https://scrollsequence.com/examples/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme)
   på vår webbplats
 * Play around in [live demo](https://scrollsequence.com/live-demo/wp-admin/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme)
   sandbox
 * Kolla in [dokumentationen](https://scrollsequence.com/documentation/?utm_source=wpreporeadme&utm_medium=wpreporeadme&utm_campaign=wpreporeadme)
 * Prenumerera på vår [youtube-kanal](https://www.youtube.com/channel/UCfS4p0R5ZYr4GTQ9DIBbEgg)

### Huvudfunktioner

 * **Hög prestanda** – Tack vare HTML5-Canvas-teknik för bildritning samt lättviktiga
   skript och HTML
 * **Dra och släpp** – Ändra ordningen mellan bilder, scener och animationer
 * **Animera HTML-element** – Skriv och animera innehåll synkat med media
 * **WYSIWYG-redigerare** – stöd för kortkoder och oEmbed
 * **Compatible** – Use with Gutenberg, [Elementor](https://scrollsequence.com/how-to-make-image-sequence-animation-in-elementor/),
   [Divi](https://scrollsequence.com/how-to-make-image-sequence-animation-in-divi/),
   Oxygen, [Beaver Builder](https://scrollsequence.com/how-to-make-image-sequence-animation-in-beaver-builder/)
   and many others
 * **SEO** – Allt innehåll är synligt för sökmotorer
 * **Helt responsivt** – inställningar för storlek och justering för mobiler och
   datorer
 * **Mediagalleri** – Uppladdning och val i adminpanelen
 * **Förladdning av bilder** – Bilder laddas in i förväg i bakgrunden
 * **Anpassad CSS** – Lägg till egna stilar
 * Inställningar för bildopacitet och bakgrundsfärg
 * Inställningar för skrollsekvensens hastighet
 * Inställning för reservlösning när användaren har inaktiverat Javascript
 * Inställningar för att visa eller dölja sidfot och sidopaneler
 * Stöd för WordPress egna kortkoder

### 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

#### Det här säger andra användare om Scrollsequence.

> ”**Du har aldrig sett något liknande i WordPress.**” – Björn Allpas, WP Learning
> Lab

> ”**Detta lyfter interaktiviteten till en helt ny nivå.**” – Imran Siddiq, Web 
> Squadron
> ”**Ändrar hela situationen** – Jag har verkligen höga förväntningar på detta tillägg
> inför framtiden eftersom det är helt fantastiskt direkt från start. Det blir spännande
> att se hur det utvecklas och jag ser fram emot widget-funktioner, kanske för sidbyggare
> som Divi. – Luke Dempsey
> ”**Bästa lösningen för skroll-berättelser** – Jag har provat en rad lösningar 
> för innehåll som berättar genom skrollning … allt från lottie-filer till scroll-
> trigger och anpassade gsap-lösningar. Inget kommer ens i närheten av vad Scrollsequence
> klarar.” – Leon Kiongwei
> ”**Utmärkt WordPress-tillägg** – Det fungerar och är smidigt. Man behöver bara
> lite tid för att logiken, men allt är ganska enkelt.” – P Fabor

## Skärmdumpar

 * [[
 * Scrollsequence – animeringsexempel med cyberpunk
 * [[
 * Scrollsequence – animeringsexempel på temat skönhet
 * [[
 * Användargränssnitt – animeringsexempel på temat skönhet
 * [[
 * Adminpanel
 * [[
 * Exempel på användning av kortkod
 * [[
 * Användargränssnitt 1
 * [[
 * Användargränssnitt 2
 * [[
 * [[
 * [[
 * [[

## Installation

 1. Ladda upp filen Scrollsequence.zip till katalogen `/wp-content/plugins/`
 2. Aktivera tillägget på sidan ”Tillägg” i WordPress
 3. Gå till admin-menyn för Scrollsequence
 4. Följ startguiden i adminpanelens meny

## Vanliga frågor

### Behöver jag kunna koda?

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

### Kan jag använda tillägget på vilken webbplats som helst?

Ja. Om du redan har en webbplats kan du lägga till denna funktionalitet med några
klick.

### Kan jag använda Scrollsequence tillsammans med Elementor eller Divi?

Javisst. Det är bara att lägga in kortkoden i valfri sidbyggare så smälter allt 
samman harmoniskt!

### Hur lägger jag till animeringen i ett inlägg eller på en sida?

Använd kortkoden [scrollsequence id=”####”] för att lägga in animeringen på valfri
sida eller i ett inlägg.

### Är Scrollsequence kompatibelt med alla teman?

Vi har gjort vårt bästa för att du ska kunna använda den på alla webbplatser. Vi
rekommenderar att du använder ett tema som inte förändrar det normala skrollnings-/
rullningsbeteendet med anpassade rullningslister eller AJAX-övergångar. Kontakta
vår support om du får problem med integrationen till ditt tema.

### Är det gratis?

Ja, grundfunktionerna är gratis. Om du vill ha mer avancerade funktioner kan du 
köpa någon av versionerna PRO och Business.

### Erbjuder ni support?

Ja. Vi ger support via e-post för PRO-versionen. Om du använder gratisversionen 
får du gärna ställa frågor i WordPress supportforum.

### Hur påverkas tiderna för sidladdning?

De inledande bilderna hämtas i samband med sidladdningen. Så snart ett visst antal
bilder har laddats färdigt visas animationen, samtidigt som de resterande bilderna
laddas in i bakgrunden.

## Recensioner

![](https://secure.gravatar.com/avatar/dcc48e9c96c9ee54c358ad65a85e30e4c1777d8dd7111bcb16255962c2df165d?
s=60&d=retro&r=g)

### 󠀁[well… it works!](https://wordpress.org/support/topic/well-not-free-at-all/)󠁿

 [Jakours2](https://profiles.wordpress.org/jakours2/) 26 november 2025 3 svar

Edit : Changed my rating because i bought the paid version and it’s works well.

![](https://secure.gravatar.com/avatar/9d97d118875ccbfba22d9567144f60aeb90b716b85be9851509633d32bcbdcea?
s=60&d=retro&r=g)

### 󠀁[Great help and support](https://wordpress.org/support/topic/great-help-and-support-8/)󠁿

 [kunallonhare](https://profiles.wordpress.org/kunallonhare/) 13 mars 2025

This plugin is really cool and support is very nice and helpful.

![](https://secure.gravatar.com/avatar/cc70d00eb8539d8bc312bff8565faf2ec48ac31336133a27522f966e90ab0509?
s=60&d=retro&r=g)

### 󠀁[Unintuitive, expensive, outdated](https://wordpress.org/support/topic/unintuitive-expensive-outdated/)󠁿

 [erisf](https://profiles.wordpress.org/erisf/) 9 december 2023 1 svar

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.

![](https://secure.gravatar.com/avatar/f5faa37058004eedfd2f300902bb92a65d5c5aa9d29d975809d103e66c36667b?
s=60&d=retro&r=g)

### 󠀁[A truly amazing plugin](https://wordpress.org/support/topic/a-truly-amazing-plugin/)󠁿

 [tanyapereira](https://profiles.wordpress.org/tanyapereira/) 20 november 2023

Scrollsequence helped us create a killer animation on our homepage, process was 
easy and I am super satisfied with the result!

![](https://secure.gravatar.com/avatar/0b30044afbcb7fc1f45d7ecc1ac9a4ff8dbb59c03f911a08b30aacfc2c96733e?
s=60&d=retro&r=g)

### 󠀁[Great plugin, amazing support](https://wordpress.org/support/topic/great-plugin-amazing-support-188/)󠁿

 [KineticPulse](https://profiles.wordpress.org/kineticpulse/) 4 september 2023 1
svar

Really good plugin, obviously still in its early stages but the great support makes
it very worthwhile. I can see it only getting better!

![](https://secure.gravatar.com/avatar/4ded9fa456143750a23897e65a13e00c2c597a1ec86186877a4bd1b656fccd6a?
s=60&d=retro&r=g)

### 󠀁[Take your website to another level.](https://wordpress.org/support/topic/take-your-website-to-another-level/)󠁿

 [bemasterwp](https://profiles.wordpress.org/bemasterwp/) 13 juni 2023

This is a great plugin that helps you to create a website with a different and creative
style. It is well-developed so that the website does not load too slowly.

 [ Läs alla 19 betyg ](https://wordpress.org/support/plugin/scrollsequence/reviews/)

## Bidragsgivare och utvecklare

”Scrollsequence – tillägg för skrollstyrd bildanimering med filmkänsla” är programvara
med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer

 *   [ Scrollsequence ](https://profiles.wordpress.org/scrollsequence/)
 *   [ Kozelsky ](https://profiles.wordpress.org/kozelsky/)

”Scrollsequence – tillägg för skrollstyrd bildanimering med filmkänsla” har översatts
till 7 språk. Tack till [översättarna](https://translate.wordpress.org/projects/wp-plugins/scrollsequence/contributors)
för deras bidrag.

[Översätt ”Scrollsequence – tillägg för skrollstyrd bildanimering med filmkänsla” till ditt språk.](https://translate.wordpress.org/projects/wp-plugins/scrollsequence)

### Intresserad av programutveckling?

[Läs programkoden](https://plugins.trac.wordpress.org/browser/scrollsequence/), 
kika på [SVN-filförvaret](https://plugins.svn.wordpress.org/scrollsequence/) eller
prenumerera på [utvecklarloggen](https://plugins.trac.wordpress.org/log/scrollsequence/)
via [RSS](https://plugins.trac.wordpress.org/log/scrollsequence/?limit=100&mode=stop_on_copy&format=rss).

## Ändringslogg

#### 1.6.2

 * Freemius SDK update 2.12.1
 * Carbon Fields update 3.6.9

#### 1.6.1

 * Rollback of animation library change

#### 1.6.0

 * Animation library update
 * Scrollsequence list image warning fix

#### 1.5.9

 * Minor update

#### 1.5.8

 * Dependencies version upgrade

#### 1.5.7

 * WP 6.6 compatibility
 * Carbon Fields 3.6.5 update

#### 1.5.6

 * WP 6.5 compatibility
 * i18n update

#### 1.5.5

 * security update

## Meta

 *  Version **1.6.2**
 *  Senast uppdaterat **9 månader sedan**
 *  Aktiva installationer **4 000+**
 *  WordPress-version ** 5.0 eller senare **
 *  Testat upp till **6.8.5**
 *  PHP-version ** 7.0 eller senare **
 *  Språk
 * [Czech](https://cs.wordpress.org/plugins/scrollsequence/), [English (US)](https://wordpress.org/plugins/scrollsequence/),
   [French (France)](https://fr.wordpress.org/plugins/scrollsequence/), [German](https://de.wordpress.org/plugins/scrollsequence/),
   [Italian](https://it.wordpress.org/plugins/scrollsequence/), [Slovak](https://sk.wordpress.org/plugins/scrollsequence/),
   [Spanish (Chile)](https://cl.wordpress.org/plugins/scrollsequence/) och [Spanish (Spain)](https://es.wordpress.org/plugins/scrollsequence/).
 *  [Översätt till ditt språk](https://translate.wordpress.org/projects/wp-plugins/scrollsequence)
 * Etiketter
 * [image animation](https://sv.wordpress.org/plugins/tags/image-animation/)[scroll](https://sv.wordpress.org/plugins/tags/scroll/)
   [scroll animation](https://sv.wordpress.org/plugins/tags/scroll-animation/)
 *  [Avancerad vy](https://sv.wordpress.org/plugins/scrollsequence/advanced/)

## Betyg

 4.6 av 5 stjärnor.

 *  [  15 5-stjärniga recensioner     ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=5)
 *  [  3 4-stjärniga recensioner     ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=4)
 *  [  0 3-stjärniga recensioner     ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=3)
 *  [  0 2-stjärniga recensioner     ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=2)
 *  [  1 1-stjärnig recension     ](https://wordpress.org/support/plugin/scrollsequence/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/scrollsequence/reviews/#new-post)

[Se alla recensioner](https://wordpress.org/support/plugin/scrollsequence/reviews/)

## Bidragande personer

 *   [ Scrollsequence ](https://profiles.wordpress.org/scrollsequence/)
 *   [ Kozelsky ](https://profiles.wordpress.org/kozelsky/)

## Support

Har du något att säga? Behöver du hjälp?

 [Visa supportforum](https://wordpress.org/support/plugin/scrollsequence/)

## Donera

Skulle du vilja bidra till utvecklingen av detta tillägg?

 [ Donera till det här tillägget ](https://www.scrollsequence.com)