Topic: Flicker issue in Multi Item Carousel Advance - 1 item per time for col-md-6
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/
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
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.
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
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 5 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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