Topic: How to make parralax and carousel friends?
I put parallax pictures in the carousel. The first slide works fine, and the second and third are buggy. http://prntscr.com/n64mcn http://prntscr.com/n64mqp http://prntscr.com/n64n38
For some reason, negative values are set. Do something about it! Tell me the solution!
Hi,
parallax is a premium component, and according to our system, you use MDB Free version.
Please, provide us a number o your order or registered email to confirm your access to MDB Pro components and premium support.
Send it to me on email: m.szymanska@mdbootstrap.com
Best,
Hi,
you can see on the documentation page: https://mdbootstrap.com/docs/jquery/css/parallax/. But you can reproduce your problem in the snippets here: https://mdbootstrap.com/snippets/.
Best, Marta
Scroll through, on the second and third slide of the problem ...
https://mdbootstrap.com/support/jquery/how-to-make-parralax-and-carousel-friends/
Hi,
You didn't paste a link to the snippet but to the current page.
Best, Marta
Hi,
you chose in your snippet a 'pro' version and you have 'free' package, so it should look different in your project because parallax is a premium component. For now, I don't have a workaround for parallax with carousel because we don't have such a component in our official documentation but we have an idea in our 'ideas board' to create working parallax carousel. I'm sorry.
Best, Marta
fix in 695 string
if (self.$item.parentElement.classList.contains('carousel-item') || self.options.type === 'opacity' || self.options.type === 'scale' || self.options.type === 'scale-opacity' || self.options.speed === 1) {
self.image.position = 'absolute';
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.5
- Device: PC
- Browser: Chrome
- OS: Win 10
- Provided sample code: No
- Provided link: Yes