How to Create Image Sequence Scroll Animation From a URL?

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor Scroll Sequence widget allows users to add a scroll sequence image from a remote server via image URL.
  • Users can store sequence images in cloud storages like S3 or Dropbox and manage them without taking up space in the WordPress media library.
  • Supported image types for the Scroll Sequence widget include JPG, PNG, and WebP.
Table Of Content

Do you want to create an Image Sequence Scroll animation form a remote URL? This image scroll animation technique allows you to create a stunning visual effect that captures your viewer’s attention and keeps them engaged on your website. 

But for creating beautiful image sequence animation you need many images at times hundreds of images. Having so many images in your WordPress media library will take up a lot of storage and can make managing other media files difficult.

To check the complete feature overview documentation of The Plus Addons for Elementor Scroll Sequence widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

LIVE WIDGET LINK

When you use the  Scroll Sequence widget from The Plus Addons for Elementor you can easily add a scroll sequence image from a remote server via the image URL.

So you can easily store and manage your sequence images in different cloud storages like S3, Dropbox etc. and use an URL to create scroll sequence from them.

To do this, add a section or container (for flexbox), then add the Scroll Sequence widget there.

Select the appropriate option from the Apply To dropdown where you want to add the sequence animation.

Then from the Upload Type dropdown select Remote Server.

Scroll sequence remote server

Note: You have to name your images in a number sequence followed by the image extension like 1.jpg, 2.jpg, 3.jpg etc.

In the Folder Path, you have to add the image folder path without the image name.

For example, https://website-name.com/images/

If you have saved your image with a prefix like image-1.jpg, image-2.jpg, image-3.jpg etc. then in the Prefix field, you have to add image-.

From the Digit dropdown, you have to choose the number sequence which you’ve used on your images. For example, if you have saved your images like image-01.jpg, image-02.jpg, image-03.jpg etc. then you have to select 01 – 99. 

From the Image Type dropdown, you have to select your image extension.

Note: Supported image type – JPG, PNG and WebP.

In the Total Image field, you have to mention the total number of images in your sequence.

If you don’t have long enough content on the section or container (for flexbox) then you have to set a minimum height for the container or section with the Scroll Sequence widget.

With all the settings in place, you should have an image scroll sequence from your image URL.

Also, check How to Create Image Scroll Animations like in Apple, Sony in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my image sequence isn't displaying correctly?

If your image sequence isn't showing up, ensure that the image URLs are correctly formatted and accessible. Check that the images are named in a proper sequence, such as 1.jpg, 2.jpg, etc. If the images are stored in a cloud service, confirm that the folder path is accurate and does not include the image names. A common issue is forgetting to set the minimum height for the container, which can prevent the scroll animation from triggering.

What is the best way to name my images for the scroll sequence?

The best practice for naming your images is to use a sequential format, such as 1.jpg, 2.jpg, or with a prefix like image-1.jpg, image-2.jpg. This allows the Scroll Sequence widget from The Plus Addons for Elementor to recognize and load the images correctly. Consistent naming is crucial for the widget to function properly, so ensure that the sequence matches the settings in the widget.

Are there any limitations on the image types I can use?

The Scroll Sequence widget supports specific image types: JPG, PNG, and WebP. If you try to use unsupported formats, the images will not display in the sequence. It's important to ensure that all images you plan to use are in one of these formats to avoid any issues with the animation.

How do I create an image sequence scroll animation from a URL?

To create an image sequence scroll animation from a URL, first add a section or container in Elementor and then insert the Scroll Sequence widget. Select 'Remote Server' from the Upload Type dropdown. Enter the folder path where your images are stored, name your images in a sequential format, and specify the total number of images. This method allows you to efficiently manage images without overloading your WordPress media library.

Last reviewed: April 11, 2026

Related Docs