--- title: "How to Add Image Sequence in an Inner Container in WordPress?" url: https://nexterwp.com/docs/add-image-sequence-in-an-inner-container-in-wordpress/ date: 2024-12-16 modified: 2026-09-17 lang: en author: "Aditya Sharma" description: "A Container can hold several columns side by side. Sometimes only one of them should carry the animation. Apply To: Inner Container works exactly like Container, scoped one level deeper..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Image-Sequence-in-an-Inner-Container-in-WordPress_-1024x519.jpg word_count: 466 --- # How to Add Image Sequence in an Inner Container in WordPress? ## Key Takeaways - Scroll Sequence block needs Nexter Blocks Pro and is enabled under Nexter > Blocks in the WordPress dashboard. - Apply To: Inner Container tracks the nearest column ancestor one level deeper, so only one side of a two-column layout animates while the other side holds ordinary text. - The column must be taller than the viewport and the Scroll Sequence block must sit directly inside that column, or the canvas stays completely blank. A Container can hold several columns side by side. Sometimes only one of them should carry the animation. Apply To: Inner Container works exactly like Container, scoped one level deeper — to the column the block sits in, not the whole row around it. *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 with at least one column**, and the Scroll Sequence block placed inside that column. ## 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 one column of a Container. - Set **Apply To** to Inner Container. ![The Apply To options](https://nexterwp.com/wp-content/uploads/2026/09/ss-applyto.webp) - Give that column real height, tall enough to scroll through on its own. > ***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 - **Same mechanism as Container, one level deeper.** The block tracks its nearest column ancestor instead of the whole row — useful for a two-column layout where only one side animates while the other holds ordinary text.- **The same height rule applies, measured the same way**: a column shorter than the screen shows nothing at all, for the whole page — not a wrong frame, no frame.- The block must sit directly inside the column, not the row around it, or Apply To finds the wrong ancestor (or none). ## Limitations - **The column must be taller than the viewport, or nothing renders** — measured, the same trap as Container.- If the Scroll Sequence block is not inside a column at all, Inner Container has nothing to track.- For the whole row instead of one column, use [Apply To: Container](https://nexterwp.com/docs/add-image-sequence-in-a-container-in-wordpress/). ## Troubleshooting ### The animation tracks the whole row, not just my column Check **Apply To** is actually set to Inner Container, not Container. ### The canvas never draws anything The column is probably shorter than the screen — measured, this leaves the canvas blank for the whole page. Add more content or set a taller minimum height on the column. ## Related Docs - [Scroll Sequence block guide](https://nexterwp.com/docs/add-an-image-scroll-sequence-in-wordpress/)- [One container](https://nexterwp.com/docs/add-image-sequence-in-a-container-in-wordpress/)- [Page body](https://nexterwp.com/docs/add-image-sequence-on-the-page-body-in-wordpress/)- [Load from a URL](https://nexterwp.com/docs/create-image-sequence-scroll-animation-from-a-url-in-wordpress/) ## Frequently Asked Questions **Q: What do I need before adding an image sequence inside a WordPress inner container?** A: The setup needs Nexter Blocks Pro, with the Scroll Sequence block enabled under Nexter > Blocks in your WordPress dashboard. You also need a Nexter Container with at least one column, plus your frames uploaded in playback order. That order matters because the animation plays the images exactly as they are arranged, so a product spin or scene change only looks right if the sequence is sorted correctly. **Q: How do I make an image sequence animate only inside one column instead of the whole row?** A: Set Apply To to Inner Container and place the Scroll Sequence block directly inside the column you want to animate. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter uses the nearest column ancestor in this mode, so the animation stays scoped one level deeper instead of tracking the full row. That is the right choice for two-column layouts where only one side should move. **Q: Why is my image sequence canvas blank in an inner container?** A: A blank canvas usually means the tracked column is shorter than the viewport. The page says a tracked element shorter than the screen never draws a single frame, so nothing appears from first scroll to last. Give that column real height with content or a minimum height setting. This is the main gotcha with Inner Container because the animation needs scrollable space to render any frame at all. **Q: What happens if I put the Scroll Sequence block outside a column?** A: Inner Container has nothing useful to track if the block is not sitting directly inside a column. In that case, Apply To can find the wrong ancestor or none at all, which breaks the scope of the animation. The practical fix is structural: keep the block inside the exact column that should animate, not in the row wrapper around it. **Q: Is Inner Container better than Container for a two-column layout?** A: Inner Container is the better fit when only one column should animate and the other should stay as normal content. It works like Container but one level deeper, so it tracks the nearest column instead of the whole row. If you want both columns or the full row to drive the animation, use [Apply To: Container](https://nexterwp.com/docs/add-image-sequence-in-a-container-in-wordpress/) instead. **Q: Why does my image sequence feel choppy or slow to load?** A: Frame count changes how it feels: more frames make motion smoother, while fewer frames load faster but look choppier. That tradeoff is built into this setup because every frame is part of the scroll-driven sequence. For a product turntable or chart build-up, pick enough frames for smooth motion without overloading the page with unnecessary images.