Carousel feature request: per-slide classes

[adam]

I'm building a full-screen carousel where the Site Title and menu switch between white and black text depending on the slide behind them, plus a floating preview of the next/previous slide that follows the cursor. Both work using Custom CSS & HTML and classes on the Carousel element.

The gap: there's no way to attach anything to an individual slide. To let editors set the header colour per slide, I have to match settings to slides by order, which breaks when slides are reordered.

Could you add one of these to the per-slide settings in the Carousel dialog?

1. A "Classes" field per slide, output on the .lay-carousel-slide element.
2. Or a "Header text colour" option per slide (Default / Light / Dark), output as a class or data attribute on the slide.

Also useful for anyone extending the carousel with custom code:

• A documented JS event when the active slide changes (e.g. via window.laytheme.on), rather than watching for the is-selected class.
• A public API to go to the next/previous slide programmatically.

Lay Theme 11.7.9, Carousel 3.2.5.

[arminunruh]

hey adam!

all great ideas!!
look, classes will be part of the carousel modal

https://laytheme.com/documentation/carousel-addon.html

and

there will be a JS API:

with the next carousel addon update that i will release

[arminunruh]

if you check out ai mode:

https://laytheme.com/tutorials/ai-mode.html#connect-to-claude-codex

you can also let the ai mode create a custom carousel element.

there are different ways of doing it. if you already have a working carousel prototype, you can just tell your claude/codex:

make this a custom element for the gridder