Topic: Flicker issue in Multi Item Carousel Advance - 1 item per time for col-md-6
Gautam Chaudhary pro premium priority asked 11 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/
Kamila Pieńkowska staff answered 11 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
Gautam Chaudhary pro premium priority answered 11 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 11 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 pro premium priority answered 11 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 11 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