--- title: "How to Add Image Sequence in a Container in WordPress?" url: https://nexterwp.com/docs/add-image-sequence-in-a-container-in-wordpress/ date: 2024-12-16 modified: 2026-09-17 lang: en author: "Aditya Sharma" description: "Sometimes the effect should belong to one section, not fight the rest of the page for scroll room. Apply To: Container scopes the whole animation to a single Nexter Container..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Image-Sequence-in-a-Container-in-WordPress_-1024x519.jpg word_count: 526 --- # How to Add Image Sequence in a Container in WordPress? ## Key Takeaways - Nexter Blocks Pro.Block enables the Scroll Sequence block, and it is switched on under Nexter > Blocks in the WordPress dashboard. - Apply To: Container scopes the animation to a single Nexter Container block, and the container must be taller than the viewport or the canvas stays completely blank. - Only the nearest container ancestor is used, so the Scroll Sequence block must sit inside the Container block, not next to it; for one column rather than a whole row, it uses Inner Container. Sometimes the effect should belong to one section, not fight the rest of the page for scroll room. Apply To: Container scopes the whole animation to a single Nexter Container block — the sequence plays out entirely within that container's own height. *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 Nexter Container block** with the Scroll Sequence block placed inside it, tall enough to scroll through on its own. ## Steps - Add the **Scroll Sequence** block and upload your frames under **Images Upload**, in playback order. ![The Upload Type options](https://nexterwp.com/wp-content/uploads/2026/09/ss-uploadtype.webp) - Set **Apply To** for what drives the animation as the visitor scrolls. ![The Apply To options](https://nexterwp.com/wp-content/uploads/2026/09/ss-applyto.webp) - Place the **Scroll Sequence** block inside a **Container** block. - Set **Apply To** to Container. ![The Apply To options](https://nexterwp.com/wp-content/uploads/2026/09/ss-applyto.webp) - Give the container real height — either genuinely tall content, or a minimum height under the container's own layout settings. > ***Whatever you point Apply To at needs to be taller than the screen.** Measured: a tracked element shorter than the viewport never draws a single frame — the canvas stays completely blank for the whole page, from the first scroll to the last. Give the tracked element real height, either with its own content or a minimum height setting.* ## How It Behaves - **Measured on a container taller than the screen:** the sequence tracked scroll correctly through the container, reaching the last frame right as the container's own bottom edge reached the bottom of the screen.- **Measured on a container shorter than the screen: nothing draws, at all, for the whole page.** Not a wrong frame, not a frozen frame — completely blank canvas from the first scroll to the last, because the block's own "am I in the active range" check can never become true when the container never reaches the height of the screen.- The block must be placed **inside** the Container, not next to it — Apply To looks for the nearest container ancestor, and finds nothing if the sequence sits outside it. ## Limitations - **The container must be taller than the viewport, or the sequence never renders anything.** Measured, this is not a minor visual issue.- Only the nearest container ancestor is used — nesting containers inside containers tracks the innermost one.- For scoping to one column rather than a whole row, use [Inner Container](https://nexterwp.com/docs/add-image-sequence-in-an-inner-container-in-wordpress/) instead. ## Troubleshooting ### The canvas never draws anything Measured: this happens when the container is shorter than the screen. Add more content, or set a taller minimum height on the container. ### Apply To is set to Container but it behaves like the whole page Check the Scroll Sequence block is actually placed inside the Container block, not just near it on the page — Apply To only finds a container that is a genuine ancestor. ## 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 inner container](https://nexterwp.com/docs/add-image-sequence-in-an-inner-container-in-wordpress/)- [Build an Apple-style reveal](https://nexterwp.com/docs/create-image-scroll-animations-like-in-apple-sony-in-wordpress/)