Topic: mdb-carousel animation suddenly don't work
Tzebner free asked 10 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.
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
Rafał Seifert free commented 10 months ago
Have you updated your Angular or MDB package versions recently?
Rafał Seifert free commented 10 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?