---
title: "How to Add Image Rotating Background to a WordPress Container?"
url: https://nexterwp.com/docs/add-image-rotating-background-to-a-wordpress-container/
date: 2024-11-28
modified: 2026-08-18
author: "Aditya Sharma"
description: "Are you looking to add an image rotating background to a WordPress container? A rotating image background cycles through multiple photos with transition effects, giving your section a dynamic look..."
image: https://nexterwp.com/wp-content/uploads/2024/11/How-to-Add-Image-Rotating-Background-to-a-WordPress-Container_-1024x519.jpg
word_count: 373
---

# How to Add Image Rotating Background to a WordPress Container?

## Key Takeaways

- Nexter Blocks Container block includes a Creative Gallery option under Background Deep Layer settings for a rotating image background in the WordPress block editor.
- Creative Gallery lets the user select multiple images, choose Transition Effects, set Transition Duration (ms), and set Slide Delay Time (ms) for the background cycle.
- Texture Overlay adds a pattern or texture on top of the rotating images, and the post says it is useful for reducing the visual intensity of busy background photos.

Are you looking to add an image rotating background to a WordPress container? A rotating image background cycles through multiple photos with transition effects, giving your section a dynamic look without requiring any custom code.

The Container block in Nexter Blocks includes a Creative Gallery option under Background Deep Layer settings. Use it to set a rotating image background for any container section in the WordPress block editor.

**Best Used For:**

- Portfolio and agency websites that use full-width sections with rotating image galleries as backgrounds- Event pages that cycle through multiple event photos as the section background- Product landing pages where rotating lifestyle images reinforce the content above

*To check the complete feature overview documentation of the Nexter Blocks Container block, [click here](https://nexterwp.com/docs/add-a-container-in-wordpress/).*

**Requirement:** This block is part of Nexter Blocks. Make sure Nexter Blocks is installed and activated.

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-container/)

Add the Container block to the page and follow the steps below.

1. Go to **Style** > **Background Deep Layer**.

2. Select **Creative Gallery** from the **Select Background Option** dropdown. This activates the rotating image background feature for the container.

3. Select your images from the **Select Multiple Images** section. Add as many images as you want to cycle through in the rotating background.

From the Transition Effects dropdown, select the visual transition used when the background switches between images.

From the Transition Duration (ms) field, set how long the transition animation takes in milliseconds. A shorter value creates a quicker switch between images, while a longer value makes the transition slower.

In the **Slide Delay Time (ms)** field, enter the number of milliseconds each image stays visible before the next transition begins. Use a higher value to give visitors more time to view each background image.

From the **Animation** dropdown, add a movement animation to the slide transition. Use this when you want the images to have directional motion during the switch. To add a continuously scrolling image background instead, see [How to Add Auto Image Scroll Effect to a WordPress Container Background](https://nexterwp.com/docs/add-auto-image-scroll-effect-to-a-wordpress-container-background/).

From the **Texture Overlay** dropdown, apply a pattern or texture on top of the rotating images. This is useful when you want to reduce the visual intensity of busy background photos.

The container now displays a rotating image background.