Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: mdb-carousel animation suddenly don't work

Tzebner free asked 11 months ago


My carousel worked fine till last week, but now the animations gone.

I have two carousels. one with fade animation and one with slide, and now they both change slides in instant, without animations

here is my code:

<mdb-carousel [controls]="true" [indicators]="true" [animation]="'fade'"  [interval]="5000">
  <mdb-carousel-item *ngFor="let item of data.carousel_items">
    <img
      [src]="baseUrl + item.content.image.url"
      class="d-block w-100"
      alt="..."
    />
    <div class="carousel-caption">
      <h3>{{item.content.title}}</h3>
      <p class="main-text">{{item.content.mainText}}</p>
      <p class="other-text">{{item.content.otherText}}</p>
      <button *ngIf="item.content.hasButton" class="handes-btn light-white wide">
        <a [href]="item.content.buttonLink.url">{{item.content.buttonLink.name}}</a> 
      </button>
    </div>
</mdb-carousel-item>

I did not updat angular or MDB package versions.


Rafał Seifert free commented 11 months ago

Have you updated your Angular or MDB package versions recently?


Rafał Seifert free commented 11 months ago

We could not recreate your problem. Could you edit your post and provide full code with both carousels please? Do you add some special styling? Do you see any errors in console?



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB5 5.2.0
  • Device: desktop
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: No