Topic: How to make parralax and carousel friends?

Димка «bonny» Антипов free asked 5 years ago


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!



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';
            }

Marta Wierzbicka staff commented 5 years ago

Hi,

thank for the solution.


Marta Wierzbicka staff answered 5 years ago


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


Marta Wierzbicka staff answered 5 years ago


Hi,

You didn't paste a link to the snippet but to the current page.

Best, Marta


Димка «bonny» Антипов free commented 5 years ago

https://mdbootstrap.com/snippets/jquery/bonny_1/539870



Scroll through, on the second and third slide of the problem ...

https://mdbootstrap.com/support/jquery/how-to-make-parralax-and-carousel-friends/


Marta Wierzbicka staff answered 5 years ago


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



Where is the parallax paid component? http://prntscr.com/n68x1w


Marta Wierzbicka staff answered 5 years ago


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,



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: 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
Tags