Check documentation for the latest version of dhtmlxSuite Animation in Carousel DHTMLX Docs

Animation in Carousel

The Carousel component has three types of cells animation effects:

  • Slide animation

  • Flip animation

  • Cards animation

If the "slide" effect is applied, cells are switched by sliding movement.

Related sample:  Slide animation

The "flip" effect allows switching cells during their rotation.

Related sample:  Flip animation

The "cards" effect implies that cells move similar to cards from one deck to another one.

Related sample:  Cards animation


The "slide" effect is used by default, so there's no need to specify it. If you need "flip" or "cards", use one of the following variants:

// init with script
var myCarousel = new dhtmlXCarousel("parentId", "flip");
// or by using object API init
myCarousel = new dhtmlXCarousel({
    effect: "flip"
});
Back to top