Topic: Multi Item Carousel Advance - 1 item per time problems
**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.)**
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
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
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?
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
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?
Hi,
here's the code for 6 columns multi-item carousel: https://mdbootstrap.com/snippets/jquery/marta-szymanska/665233
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: pc
- Browser: chromium
- OS: win 7
- Provided sample code: No
- Provided link: No