---
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-04-14
author: "Aditya Sharma"
description: "Do you want to add an image sequence to a container in WordPress? With the Scroll Sequence block from Nexter Blocks, you can easily add an image sequence animation to..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Image-Sequence-in-a-Container-in-WordPress_-1024x519.jpg
word_count: 206
---

# How to Add Image Sequence in a Container in WordPress?

## Key Takeaways

- Nexter Blocks offers the Scroll Sequence block for adding image sequence animations to a container.
- Users must set the z-index value of the Container block to 0 for the Scroll Sequence to function correctly.
- A minimum height must be set for the Container block or a Spacer block used if content is not long enough.

Do you want to add an image sequence to a container in WordPress? With the Scroll Sequence block from Nexter Blocks, you can easily add an image sequence animation to a container only.

*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 inside the Container block from Nexter Blocks and follow the steps - 

> *Note: This option only works with the Container block from the Nexter Blocks.*

1. Select the appropriate image source from the **Upload Type** section and add the images.

2. Then select **Container **from the **Apply To** dropdown.

![](https://nexterwp.com/wp-content/uploads/2024/12/scroll-sequence-container.gif)

This will add the image scroll sequence to that container only.

> *Note: When applying scroll sequence on the container, make sure to set its z-index value to 0 and use a higher z-index value on other content elements in the container.*

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

## Frequently Asked Questions

**Q: What should I do if the image sequence isn't displaying correctly?**
A: If the image sequence isn't showing up, check the z-index settings. The container's z-index must be set to 0, while other content elements should have a higher z-index value. This ensures the scroll sequence is visible above other elements. If the issue persists, verify that the Scroll Sequence block is properly added inside the Container block from Nexter Blocks.

**Q: Can I use the Scroll Sequence block with other types of blocks?**
A: The Scroll Sequence block is specifically designed to work only with the Container block from Nexter Blocks. If you attempt to use it outside of this context, it won't function as intended. Ensure you are applying it correctly to achieve the desired animation effect.

**Q: What is the best way to ensure the image sequence scrolls smoothly?**
A: To achieve a smooth scrolling effect, ensure that the container has enough height for the user to scroll through the images. If the content is too short, set a minimum height for the container or use a Spacer block to create additional space. This prevents the sequence from appearing cramped or static.

**Q: Is there a specific image format I should use for the Scroll Sequence block?**
A: While the page does not specify particular image formats, it's generally best to use web-optimized formats like JPEG or PNG for faster loading times. This helps ensure that the images load quickly and display smoothly within the Scroll Sequence block, enhancing the overall user experience.

**Q: How do I add images to the Scroll Sequence block?**
A: To add images to the Scroll Sequence block, select the appropriate image source from the Upload Type section and upload your images. After that, ensure you select 'Container' from the Apply To dropdown. This will correctly apply the image sequence to the designated container.