[Help]: Custom Autoplay delay for each slide

[rabus]

Summary

Good morning

First of all - thank you so much for a great carousel library, it is simply amazing 👍🎉.

I'm trying to implement a carousel, where each slide has a custom delay (each slide is an object with name, url for either image or video, and then a delay value in seconds).

So, what i want to be able to somehow pass to Embla Autoplay is something like let delays = [{ delay: 3 }, { delay: 6 }, { delay: 1 }, { delay: 10 }]; for 4 slides (perhaps that's not the best way?).

I've been searching for this for a while now, coming across #743 and trying to implement it, however no matter what I try, the carousel just goes into a very fast loop (as if the delay was 0).

This is what I have now:

	let duration = 25;
	let delays = [{ delay: 3 }, { delay: 6 }, { delay: 1 }, { delay: 10 }];
	// let delay = 20000;
	let options = { loop: true, duration };
	let plugins = [
		Autoplay({
			delay: (scrollSnapList) => delays.map(({ delay }) => (delay || 5) * 1000),
			stopOnInteraction: false,
			stopOnFocusIn: false
		})
	];

I assume it must be due to my inexperience with JS/TS, however I can't pinpoint where exactly.

It works all fine with delay set for a fixed number as expected.

Could you please assist?

Thank you

If applicable, which variants of Embla Carousel are relevant to this question?

• embla-carousel (Core)
• embla-carousel-react
• embla-carousel-vue
• embla-carousel-svelte
• embla-carousel-autoplay
• embla-carousel-auto-scroll
• embla-carousel-solid
• embla-carousel-auto-height
• embla-carousel-class-names
• embla-carousel-fade
• embla-carousel-docs (Documentation)
• embla-carousel-docs (Generator)

Additional information

Using Embla with Svelte + SvelteKit

CodeSandbox example

No response

[davidjerleke]

Hi @rabus,

Thank you for your question. Please make sure the Embla version you're using is 8.5.0 or higher because this feature was included in the 8.5.2 release. Which version are you using?

[rabus]

Good morning @davidjerleke

All I can say is this: 🤦‍♂️.

Of course I didn't check the version beforehand and of course it's now working after updating to 8.5.2 - thank you so much, another basic step to check before I ever raise anything again 😁.

Have a lovely day.

Thank you

[davidjerleke]

I'm glad that it was that simple 🙂. Cheers!