--- title: "How to Create Image Scroll Animations like in Apple, Sony in WordPress?" url: https://nexterwp.com/docs/create-image-scroll-animations-like-in-apple-sony-in-wordpress/ date: 2024-12-16 modified: 2026-04-14 author: "Aditya Sharma" description: "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..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-Image-Scroll-Animations-like-in-Apple-Sony-in-WordPress_-1024x519.jpg word_count: 353 --- # How to Create Image Scroll Animations like in Apple, Sony in WordPress? ## Key Takeaways - Nexter Blocks offers the Scroll Sequence block for creating professional Image Scroll Animations without coding. - Users can choose between Gallery and Remote Server upload types based on the number of images for their scroll animation. - The Preload Image (%) option in the Extra Options tab allows users to select how many images load initially from their image sequence. 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](https://nexterwp.com/docs/add-an-image-scroll-sequence-in-wordpress/).* ***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.*** [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-image-scroll-sequence/) 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](https://theplusaddons.com/docs/convert-videos-to-images-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. ## Frequently Asked Questions **Q: What should I do if my image scroll animation isn't displaying correctly?** A: If your image scroll animation isn't displaying as expected, check that the Scroll Sequence block from Nexter Blocks is installed and activated. This block is essential for creating the animations. Additionally, ensure that your image sequence files are uploaded correctly based on your selected Upload Type, whether it's Gallery or Remote Server. If issues persist, verify that the images are in a supported format and that there are no conflicts with other plugins. **Q: What is the best way to prepare images for the Scroll Sequence block?** A: To prepare images for the Scroll Sequence block, first create an animation that reflects your brand, then convert that animation into multiple image files. This step is crucial because the quality and sequence of images directly impact the animation's effectiveness. Make sure to upload your images in the appropriate location based on your Upload Type choiceu2014Gallery for fewer images or Remote Server for larger setsu2014to ensure optimal performance. **Q: Are there any limitations when using the Scroll Sequence block?** A: One limitation to consider is that the Scroll Sequence block is part of Nexter Blocks, meaning you must have it installed and activated to use this feature. Additionally, while you can upload images from a Remote Server, the loading speed may vary based on server performance. It's essential to optimize your images for web use to prevent slow loading times, which can detract from the user experience. **Q: Does the Scroll Sequence block work with other page builders besides Gutenberg?** A: The Scroll Sequence block is designed primarily for Gutenberg, which means it may not function optimally with other page builders. While NexterWP supports Elementor and Bricks, the specific features of the Scroll Sequence block are tailored for Gutenberg's environment. If you're using a different builder, consider how the integration may affect the animation's performance and appearance. **Q: What happens if I set the Preload Image percentage too low?** A: Setting the Preload Image percentage too low may result in a choppy animation experience, as not enough images will be loaded initially. This can lead to delays in the animation as users scroll, which detracts from the smooth visual effect you're aiming for. It's advisable to find a balance that allows for a seamless experience, ensuring that enough images are preloaded to maintain fluidity during the scroll.