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



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • 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