---
title: "How to Create Image Sequence Scroll Animation From a URL in WordPress?"
url: https://nexterwp.com/docs/create-image-sequence-scroll-animation-from-a-url-in-wordpress/
date: 2024-12-16
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to create an image sequence scroll animation from a remote URL without adding hundreds of images to your WordPress media library? This method helps you save storage..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-Image-Sequence-Scroll-Animation-From-a-URL-in-WordPress_-1024x519.jpg
word_count: 366
---

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

## Key Takeaways

- Nexter Blocks Scroll Sequence block adds a scroll sequence image from a remote server via the image URL in WordPress.
- Remote Server setup uses a Folder Path without the image name, such as https://website-name.com/images/, and the images must be numbered in sequence like 1.jpg, 2.jpg, 3.jpg.
- Nexter Blocks supports JPG, PNG and WebP, and the Total Image field sets the total number of images in the sequence.

Are you looking to create an image sequence scroll animation from a remote URL without adding hundreds of images to your WordPress media library? This method helps you save storage space by hosting your image sequence remotely, which can optimize performance and make media management much easier. This technique ensures a visually engaging effect while keeping your WordPress installation streamlined. 

With the Scroll Sequence block from Nexter Blocks, you can easily add a scroll sequence image from a remote server via the image URL in WordPress.

*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, add the Scroll Sequence block to the page and follow the steps - 

1. Select **Remote Server** from the **Upload Type** section.

![](https://nexterwp.com/wp-content/uploads/2024/12/scroll-sequence-url-1.png)

2. Then in the **Folder Path**, you have to add the image folder path without the image name.

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

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

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 that 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** section, you have to select your image extension.

> *Note: Supported image type - JPG, PNG and WebP.*

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

3. Then select the appropriate option from the **Apply To** dropdown where you want to add the sequence animation.

If you don’t have long enough content on the page or the container, then set a minimum height for the container or use a Spacer block to add long enough space for the user to scroll.

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