How to Build a Seamless Carousel in Axure Using Dynamic Panels

Creating an automatic image carousel with Axure RP

Insert a Dynamic Panel onto the canvas, resize it so its width and height match the carousel images, and give it a descriptive name (e.g., CarouselPanel).

Double‑click the panel to edit its states. Select State1 and duplicate it twice (Copy → Paste) so the total number of states equals the number of carousel images.

For each state, double‑click the state name, drag the corresponding image onto the workspace, and drop it into the blue placeholder inside the panel. Repeat for all states.

State1 image:

State2 image:

State3 image:

Switch to the page that contains the dynamic panel (e.g., index page). Click an empty area of the page, open the Properties panel, and add an OnPageLoad event.

In the OnPageLoad case, add a Set Panel State action targeting the dynamic panel. Configure the action as follows:

State: Next (advance to the next state)

Repeat every: 1 second Loop: enabled

This makes the panel automatically switch to the next state every second, creating a looping carousel.

Preview the prototype. The dynamic panel now cycles through the three images smoothly, producing an automatic carousel effect.

Dynamic panel states can also be set to switch automatically using a timer event without relying on the page‑load trigger.