Are you aiming to create professional Image Scroll Animations like those found on Apple or Sony websites in WordPress? These types of animations bring a sleek, cutting-edge visual experience to your website, capturing users’ attention with seamless transitions and enhancing engagement. By implementing such animations, you can showcase products or tell a story with smooth image sequences, helping to elevate your site’s design and keep visitors exploring for longer.
With the Scroll Sequence block from Nexter Blocks, you can create professional looking Image Scroll Animations without any coding.
To check the complete feature overview documentation of the Nexter Blocks Scroll Sequence block, click here.
Requirement – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.
To do this first you have to create an animation that represents your brand. Once you have the animation video then you have to convert that video into multiple image files which you can use to create the image scroll animation.
Now once you have the image sequence files, add the Scroll Sequence block to the page
From the Upload Type you can choose Gallery if you have a small number of images but if you have lots of images then you should select Remote Server.
Learn how to use the Remote Server for scroll sequence animation.
So based on your choice, upload your image sequence files in the appropriate location.
Then select the appropriate option from the Apply To dropdown where you want to add the sequence animation.
Then from the Extra Options tab, using the Preload Image (%), you can choose the number of images that will load at first from your image sequence.
Now if you want to use some content with your image scrolling animation as you see on those popular sites, you can simply add different blocks in the same page or container that has the Scroll Sequence block, this will allow the content to scroll as the image scroll animation plays.
So this is how you can create professional looking image scrolling animation using the Scroll Sequence block.
