21 lines
712 B
HTML
21 lines
712 B
HTML
@if (trackImages().length) {
|
|
<div class="continuous-carousel" role="region" [attr.aria-label]="ariaLabel()">
|
|
<div class="continuous-carousel__track" [style.--duration]="durationSeconds() + 's'">
|
|
@for (set of [0, 1]; track set) {
|
|
<div class="continuous-carousel__set" [attr.aria-hidden]="set === 1 ? 'true' : null">
|
|
@for (image of trackImages(); track $index) {
|
|
<img
|
|
class="continuous-carousel__image"
|
|
[src]="image"
|
|
alt=""
|
|
[loading]="set === 0 && $index < 5 ? 'eager' : 'lazy'"
|
|
fetchpriority="low"
|
|
decoding="async"
|
|
/>
|
|
}
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
}
|