# Carousel issues

**URL:** <https://forum.inductiveautomation.com/t/carousel-issues/101138>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 21, 2025, 3:59am UTC](https://forum.inductiveautomation.com/t/carousel-issues/101138 "2025-01-21T03:59:26Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jay\_Baker](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jay_baker/32/35448_2.png) [@Jay\_Baker](https://forum.inductiveautomation.com/u/Jay_Baker)\
**Post date:** [January 21, 2025, 3:59am UTC](https://forum.inductiveautomation.com/t/carousel-issues/101138/1 "2025-01-21T03:59:26Z")

</div>

I'm having an issue with my Perspective Carousel, where it seems to be loading each child view three times. This is an issue because in the real version of this the pages can be quite heavy (multiple graphs with up to a week of data on them), so it's quite a performance hit.

I've done a stripped back example from scratch to replicate the problem - basically, a Carousel which calls an empty test view with a single parameter.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/d/bd01677124907d6e3ac4b50220a897c423054c7a.png)

There is an onchange event on this parameter, which just logs out the previousValue and nextValue. As shown here, it triggers three times simultaneously:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/a/8a4b16f77001c6b25a3c02ddd2be467eabd5cd1a.png)

To confirm that it is starting three copies of the view, not just updating that parameter somehow, I also added logging to the view OnStartup event, and saw the same thing:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/0/5034208ab7c22383f1e4e20e5a5a76db74fe3170.png)

None of the other Carousel parameters seem to make any difference to this behaviour (eg, autoplay, lazyload, etc).

Any ideas what might be causing this, or how to work around it? Am I doing something silly, or is this just how it works?

Running v8.1.33

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [January 21, 2025, 1:47pm UTC](https://forum.inductiveautomation.com/t/carousel-issues/101138/2 "2025-01-21T13:47:18Z")

</div>

Probably just how it works, where the front end is "test loading" nested elements to determine final size/layout.

---

<div class="post-metadata">

**Author:** ![bmusson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bmusson/32/87530_2.png) [@bmusson](https://forum.inductiveautomation.com/u/bmusson)\
**Post date:** [January 21, 2025, 3:25pm UTC](https://forum.inductiveautomation.com/t/carousel-issues/101138/3 "2025-01-21T15:25:37Z")

</div>

> [@Jay\_Baker](#):
>
> None of the other Carousel parameters seem to make any difference to this behaviour (eg, autoplay, lazyload, etc).

Seems like the `autoplay` parameter is the cause.

My [Swiper](https://docs.mussonindustrial.com/ignition/embr-periscope/components/swiper/) component doesn't have this issue; however, it doesn't support lazy-loading.

---

<div class="post-metadata">

**Author:** ![Jay\_Baker](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jay_baker/32/35448_2.png) [@Jay\_Baker](https://forum.inductiveautomation.com/u/Jay_Baker)\
**Post date:** [January 21, 2025, 9:59pm UTC](https://forum.inductiveautomation.com/t/carousel-issues/101138/4 "2025-01-21T21:59:48Z")

</div>

Ok, this looks fantastic, and the Flex Repeater + looks like it's going to solve some other issues I've got as well. Thanks!

The only thing I can't seem to figure out, how do I change the autoplay speed? (how long it stays on each slide for). There is a 'speed' option under settings, for how fast the transition happens, but I can't find where to set the actual slide duration.

---

<div class="post-metadata">

**Author:** ![bmusson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bmusson/32/87530_2.png) [@bmusson](https://forum.inductiveautomation.com/u/bmusson)\
**Post date:** [January 21, 2025, 10:11pm UTC](https://forum.inductiveautomation.com/t/carousel-issues/101138/5 "2025-01-21T22:11:51Z")

</div>

Try the [delay](https://swiperjs.com/swiper-api#param-delay) property.

Edit (more detail):  
Change the `settings.autoplay` property to an object, then add the `delay` property under it. You'll get autocomplete for the other `autoplay` properties there too.

---

<div class="post-metadata">

**Author:** ![Jay\_Baker](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jay_baker/32/35448_2.png) [@Jay\_Baker](https://forum.inductiveautomation.com/u/Jay_Baker)\
**Post date:** [January 21, 2025, 10:34pm UTC](https://forum.inductiveautomation.com/t/carousel-issues/101138/6 "2025-01-21T22:34:03Z")

</div>

Ah, magic! Thanks very much
