Topic: Change carousel animation

CarouselAnim free asked 3 years ago

How can I use (in typeScript) pan animation instead of slide or fade animation to change between two slides of my carousel ? I want that the swipe follows the finger. When swipping the next slide appears little by little following the finger movment and so the current slide disappears in the same way (Touch and drag)

Arkadiusz Idzikowski staff commented 3 years ago

Please provide more information about the problem. Do you want to change the animation type or enable swipe on mobile devices?

CarouselAnim free commented 3 years ago

Thanks for your answer. Swipe is already enabled on mobile devices. But I would like a different animation, not just a swipe. I would like to know if it is possible to change animation, to use a pan animation instead, that changes between slides completely follow the movement of the finger

Arkadiusz Idzikowski staff commented 3 years ago

Unfortunately, we don't have any other animation types than slide or fade for the carousel component.

CarouselAnim free commented 3 years ago

Ok thanks, I just have one more question, is it possible to keep the slide animation only when we click on carousel-indicators or carousel-control-prev? Because I managed to make the desired animation by hand, but when I use Selectslidechange, the slide animation will be launched after my own animation but I still want the slide animation when the change is made by clicking.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.10.1
  • Device: Mobile
  • Browser: -
  • OS: All
  • Provided sample code: No
  • Provided link: No