--- 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-09-17 lang: en author: "Aditya Sharma" description: "A hundred-frame sequence is a lot of individual uploads. It does not have to be. Remote Server mode points the block at a folder of consistently-numbered images and builds the..." 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: 565 --- # How to Create Image Sequence Scroll Animation From a URL in WordPress? ## Key Takeaways - Scroll Sequence en modo Remote Server construye la secuencia desde una carpeta de imágenes con numeración consistente y no necesita subidas a la Media Library. - Nexter Blocks Pro activa el bloque Scroll Sequence, que se habilita en Nexter > Blocks dentro del panel de WordPress. - Los archivos faltantes se omiten sin aviso: una prueba con 10 fotogramas solicitados devuelve exactamente 7 cuando faltan frame-006.jpg y los fotogramas 009 y 010, y Reverse Order no funciona en este bloque. A hundred-frame sequence is a lot of individual uploads. It does not have to be. Remote Server mode points the block at a folder of consistently-numbered images and builds the sequence from the filename pattern — no Media Library uploads needed. *For every Dynamic Device setting in one place, see the [Scroll Sequence block guide](https://nexterwp.com/docs/add-an-image-scroll-sequence-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-image-scroll-sequence/) ## Before You Start - **Edition:** **Pro** — the Scroll Sequence block needs Nexter Blocks Pro.- **Block to enable:** Scroll Sequence, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Upload the frames in the order you want them played** — a still-camera sequence of a product turning, a scene changing, or a chart building up. More frames make the motion smoother; fewer frames make it choppier but load faster.- **A folder of consistently numbered images** already on your server, such as `frame-001.jpg` through `frame-060.jpg`. ## Steps - Add the **Scroll Sequence** block and set **Upload Type** to Remote Server. ![The Remote Server option](https://nexterwp.com/wp-content/uploads/2026/09/ss-urlfields.webp) - Fill in **Folder Path**, **Prefix Text**, **Digit** and **Image Type** to match your files exactly. - Set **Total Image** to how many frames your sequence has. - Set **Apply To** for what drives the animation as the visitor scrolls. > ***Missing frames are skipped without any warning.** Measured: asked for 10 numbered frames with one deleted from the middle and two never created, the rendered sequence had exactly 7 — the gap closed up silently, no renumbering message, no broken-image icon, no error of any kind. Double-check your files exist before publishing.* ## How It Behaves - **Every numbered filename is checked on the server before the page renders**, using your Folder Path, Prefix Text, the zero-padding from Digit, and Image Type to build each filename in turn.- **A missing file is simply left out** — the sequence still plays, just with fewer frames and a hidden jump where the missing one would have been. Measured directly: requesting `frame-001.jpg` through `frame-010.jpg` with `frame-006.jpg` deleted and 009/010 never created returned a 7-frame sequence (001–005, 007, 008), with no indication anything was missing.- **Digit controls zero-padding**, not a literal digit count in your filenames — choose 01–99 for files like `frame-01.jpg`, 001–999 for `frame-001.jpg`, and so on.- This check runs on every page load that is not cached, so a very large sequence adds real server work — a page cache is worth having if you use a long remote sequence. ## Limitations - A gap in your numbering is invisible until you count the frames yourself — there is no admin warning for a missing file.- Folder Path, Prefix Text and Digit all have to match your actual filenames exactly, including case.- Checking every frame's existence on each uncached page load adds server work proportional to Total Image — keep an eye on this for very long sequences. ## Troubleshooting ### My sequence has fewer frames than I expected One or more numbered files are missing or misnamed. Measured: a missing frame is dropped silently, with no warning — check your folder against the exact pattern in Folder Path, Prefix Text, Digit and Image Type. ### The sequence does not load at all Confirm **Folder Path** is the full path to the folder your images sit in, not just your domain, and that your server can reach that URL itself. ### The frames are in the wrong order Reverse Order does not work on this block — measured. Renumber or rename your files if you need a different order. ## Related Docs - [Scroll Sequence block guide](https://nexterwp.com/docs/add-an-image-scroll-sequence-in-wordpress/)- [Page body](https://nexterwp.com/docs/add-image-sequence-on-the-page-body-in-wordpress/)- [One container](https://nexterwp.com/docs/add-image-sequence-in-a-container-in-wordpress/)- [Build an Apple-style reveal](https://nexterwp.com/docs/create-image-scroll-animations-like-in-apple-sony-in-wordpress/) ## Frequently Asked Questions **Q: What do I need before creating an image sequence scroll animation from a URL in WordPress?** A: The setup depends on Nexter Blocks Pro and a folder of consistently numbered images already on your server. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides the Scroll Sequence block, but it has to be enabled under Nexter > Blocks in the WordPress dashboard. The numbering matters because the block builds the sequence from the filename pattern, so files like frame-001.jpg through frame-060.jpg need to match exactly. **Q: Can I build a scroll image sequence without uploading every frame to the Media Library?** A: Remote Server mode is built for that case. It points the block at a folder of consistently numbered images and assembles the animation from the filename pattern, so the frames stay on your server instead of being uploaded one by one into the Media Library. That matters when you have a large sequence, because a hundred-frame animation is a lot of individual uploads and this approach avoids that overhead. **Q: Why does my scroll sequence show fewer frames than I expected?** A: Missing or misnamed files are dropped silently. The block checks each numbered filename on the server before render time, and if a file is missing it is simply left out with no warning, no broken-image icon, and no renumbering message. In one measured case, asking for 10 frames but deleting one from the middle and never creating two others produced exactly 7 rendered frames. The fix is to compare your folder against Folder Path, Prefix Text, Digit, and Image Type. **Q: Why won’t my image sequence load at all?** A: The most common failure is an incorrect Folder Path. It has to be the full path to the folder where the images live, not just your domain, and your server must be able to reach that URL directly. Since Remote Server mode builds each filename from Folder Path, Prefix Text, Digit, and Image Type before rendering, even one mismatch can stop the sequence from resolving. **Q: Does image sequence scroll animation slow down WordPress pages?** A: Long remote sequences add real server work because every numbered filename is checked on each uncached page load. That means Total Image is not just an animation setting, it also affects how much work the server does before the page renders. A page cache helps here if you use a long remote sequence, since cached loads avoid repeating that existence check every time. **Q: What should I do if the frames play in the wrong order?** A: Reverse Order does not work on this block. The practical fix is to renumber or rename the files so their filenames already match the order you want played. That is why consistent numbering matters so much with Remote Server mode: the block reads the filenames in sequence rather than giving you a reorder control after upload.