---
title: "How to Create Image Sequence Scroll Animation From a URL?"
url: https://theplusaddons.com/docs/create-image-sequence-scroll-animation-from-a-url/
date: 2023-05-09
modified: 2026-04-11
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/05/How-to-Create-Image-Sequence-Scroll-Animation-From-a-URL_-1024x536.jpg
word_count: 427
---

# How to Create Image Sequence Scroll Animation From a URL?

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

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](/docs/scroll-sequence-elementor-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-widget/image-scroll-sequence/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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](https://theplusaddons.com/wp-content/uploads/2023/05/scroll-sequence-remote-server.png)

> *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](https://theplusaddons.com/docs//create-image-scroll-animations-like-apple-sony-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if my image sequence isn't displaying correctly?**
A: 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.

**Q: What is the best way to name my images for the scroll sequence?**
A: 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.

**Q: Are there any limitations on the image types I can use?**
A: 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.

**Q: How do I create an image sequence scroll animation from a URL?**
A: 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.