Carousel componentAvailable since EcoComposer 1.0

Carousel examples
Default SCSS values
SCSS implementation
HTML implementation

Avoid using carousels whenever possible, as users might not always have the patience to view next content. However, if you truly desire a carousel, here is a lightweight option.

Here's a text sample.

Here's another one.

You can put photos in it.

Yes, you can put cats in it.

As much as you want.

The default values are :

suffix : '',
elementsCount : 2,
length : 12,
delay : 0

We can implement it that way :

@include carousel.init();
@include carousel.create();
@include carousel.create('-2', 3, 4, 1);

We can implement it that way :

<div class=carousel--container>
  <div class=carousel>
    <div class=carousel--element>
      <p>
        Here's a text sample.
      </p>
    </div>

    <div class=carousel--element>
      <p>
        Here's another one.
      </p>
    </div>
  </div>
</div>