Multi Item Carousel Advance - 1 item per time problems


Topic: Multi Item Carousel Advance - 1 item per time problems

pfa asked 6 years ago

**Expected behavior**behaves as expected when in regular browser**Actual behavior**when incorporated into my electron program:1. including your javascript module causes no carousel to be visible on the page (require('../js/mdb.min.js')) indicating some conflict with bootstrap 4.3 or jquery 3.3.1???2. remove your javascript module and everything behaves as expected except for transitions showing duplicates of slides behind moving slides or something similar as per the image.3. my software has to cope with varying numbers of slides, which it can by varying the column width to suit, to a maximum of 6 columns, I am assuming that I have to adjust the loop in your javascript to the column count, i.e. the number of slides on the page???**Resources (screenshots, code snippets etc.)**enter image description here


Marta Szymanska staff pro premium answered 6 years ago

Hi,

here's the code for 6 columns multi-item carousel: https://mdbootstrap.com/snippets/jquery/marta-szymanska/665233

Best, Marta


pfa answered 6 years ago

Sorry Marta, but it did not fix the problem with the images showing in the margins on transition, as indicated in the image. I think it comes back to not being able to include mdb.js with jquery 3.3.1 and/or bootstrap 4.3.1 Any suggestions?


Marta Szymanska staff pro premium answered 6 years ago

Hi,

I don't understand what you mean. As you see, a carousel with 6 columns works in this snippet: https://mdbootstrap.com/snippets/jquery/marta-szymanska/665233. Everything behaves correctly. You have to describe your problem more clearly.

Best, Marta


pfa answered 6 years ago

Hi Marta, I think the problem lies with not being able to include mdb.js with jquery 3.3.1 and/or bootstrap 4.3.1 the program throws up errors in the mdb.js file with JQUERY and Waves not being defined etc. But the basic problem I have is the duplicate images on transition, even when incorporating your software, as seen in the image file I included. Any suggestions?


Marta Szymanska staff pro premium answered 6 years ago

Hi,

I opened MDB package version 4.7.7 where we use jQuery 3.3.1 and Bootstrap 4.3.1 and there are no errors in the console. Please, show me more details of your code because I can't reproduce the problem.

Best, Marta


pfa answered 6 years ago

Hi Marta, it is an electron project, and I could not give you enough of the code to reproduce the problem. Leave it with me for a few days to see if I can reproduce it outside of electron. Thanks Paul


Marta Szymanska staff pro premium answered 6 years ago

Hi,

All right, I'll wait.

Best, Marta


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
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: pc
  • Browser: chromium
  • OS: win 7
  • Provided sample code: No
  • Provided link: No