Topic: Carousel issue in Angular 6
I imported all modules as per documentation but the carousel is not working as expected.
My Html
<!--Carousel Wrapper-->
<mdb-carousel [isControls]="true" [animation]="'slide'">
<!--First slide-->
<mdb-carousel-item>
<imgclass="d-block w-100"src="https://mdbootstrap.com/img/Photos/Slides/img%20(130).jpg"alt="First slide">
</mdb-carousel-item>
<!--/First slide-->
<!--Second slide-->
<mdb-carousel-item>
<imgclass="d-block w-100"src="https://mdbootstrap.com/img/Photos/Slides/img%20(129).jpg"alt="Second slide">
</mdb-carousel-item>
<!--/Second slide-->
<!--Third slide-->
<mdb-carousel-item>
<imgclass="d-block w-100"src="https://mdbootstrap.com/img/Photos/Slides/img%20(70).jpg"alt="Third slide">
</mdb-carousel-item>
<!--/Third slide-->
</mdb-carousel>
<!--/.Carousel Wrapper-->
My App Module
import { CarouselModule, WavesModule, ButtonsModule } from 'angular-bootstrap-md'
The behavior is that images are not sliding and displaying a stack of 3 images like one below the other
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Damian Gemza staff commented 6 years ago
Dear Rutvij Doshi, Please provide me with the description of your case and some screenshots which will show the actual behavior of your app. Best Regards, DamianRutvij Doshi commented 6 years ago
I Have updated the issue DamianArkadiusz Idzikowski staff commented 6 years ago
Dear Rutvij Doshi, Which version of MDB Angular do you use? Please note that mdb-carousel-item is new selector that was added in version 6.2.0 (you can find those informations in our changelog). For older versions you need to use mdb-slide. Best, ArekRutvij Doshi commented 6 years ago
Ok Fine will check and try to implementRutvij Doshi commented 6 years ago
Thank you so much, Arek. It Worked for me, there was version issue only.