Topic: Flicker issue in Multi Item Carousel Advance - 1 item per time for col-md-6
Gautam Chaudhary priority asked 8 months ago
Expected behavior When we use col-md-6 in carousel, it should shows 2 images but showing flicking of full width image at background but working fine for 3 images col-md-4
Actual behavior working fine for three images col-md-4, need to show col-md-6
Resources (screenshots, code snippets etc.) "Multi Item Carousel Advance - 1 item per time" in URL https://mdbootstrap.com/docs/b4/jquery/javascript/carousel/
Gautam Chaudhary priority answered 8 months ago
Above url is not working.
This is what I want to achieve : https://mdbootstrap.com/snippets/jquery/noransoft/5924232
You can see it is not smooth, even when I move carousel, all image is shattering. I want to make this smooth. Can you help?
Kamila Pieńkowska staff commented 8 months ago
You need to split images into slides. Every carousel-item
should have to pictures with col-md-6
. You've added carousel-item
to every image.
Please try again to access my snippet in the previous answer. It is published and you should have access to it.
Kamila Pieńkowska staff answered 8 months ago
My answer was wrong because you wrote that you use: MDB5 4.0.0
Here is a working example: https://mdbootstrap.com/snippets/jquery/kpienkowska/5924420
Gautam Chaudhary priority answered 8 months ago
No I need 2 carousel at a time. Please check the snippet : https://mdbootstrap.com/snippets/jquery/noransoft/5924232
As Js is not loaded it is showing one carousel but it should be 2 at a time.
Kamila Pieńkowska staff answered 8 months ago
Do you set amount of pictures with styles instead of using designated options?
Is this what you want to achieve? https://mdbootstrap.com/snippets/standard/kpienkowska/5918165
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 4.0.0
- Device: Laptop
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes