Glider – Swiper Crossfade Option?

  • Resolved xmastermind

    (@xmastermind)


    4 years, 3 months ago

    I am trying to crossfade objects on a Glider without a background image (transparent). Currently the slide content is just stacking on top of each other when using the Glider fade option.

    Seems it is possible in the Swiper API with the following setting during initialization:
    fadeEffect: { crossFade: true }

    Could you add a toggle to enable this setting? Or is it possible to inject this setting somehow through Elementor on my end?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter xmastermind

    (@xmastermind)

    Digging deeper, looks like this setting requires “components/effect-fade/effect-fade.min.css”, which may not be part of Elementor by default?

    I’ve been able to fake the effect using parallax:
    data-swiper-parallax-opacity|0

    But to do this, I had to overwrite ooohboi-steroids.js and ooohboi-steroids-min.js to enable parallax when using fade.

    Not sure if there are larger ramifications, but could you allow parallax to be switched on even when fade is chosen for transition type?

    • This reply was modified 4 years, 3 months ago by xmastermind.
    Plugin Contributor Oooh Boi

    (@ooohboi)

    I hope I’m not missing the point… did you try to add data-swiper-parallax-opacity|0 to the “Attributes” panel of the Glider-section?
    I’m kinda talking out of ignorance, of course, under the presumption that subject data-attribute has to be added to the Swiper (Glider) instance.

    Other than that, you can also use the “Attributes” panel per column (slide) or per widget if needed.

    Thread Starter xmastermind

    (@xmastermind)

    Your current “ooohboi-glider.php” hides the parallax option if using a fade transition type:

    View post on imgur.com

    If I comment out the highlighted line above, I can enable parallax and use data-swiper-parallax-opacity|0 in the attributes panel.

    Is this condition check necessary? Or could you allow parallax with fade transitions in a future update? Don’t want my workaround to break on the next plugin update.

    Thanks for all your dev work, by the way! Elementor feels so limited without your plugin.

    Plugin Contributor Oooh Boi

    (@ooohboi)

    As far as I can see, there’s no “effect-fade.min.css” included in either Elementor or its PRO version. Without that “library” fade-effect is just what it says to be.
    I have to test it all out and see the impact (functionality-wise) of the removal of '_ob_glider_effect' => 'slide' condition. If there’s none, there’s a great chance for it to be removed with the next update.

    Thread Starter xmastermind

    (@xmastermind)

    Sounds good! Thanks for checking in to this.

    Adding parallax to fade transition creates some pretty interesting effects. Hopefully there are no negative impacts.

    Plugin Contributor Oooh Boi

    (@ooohboi)

    OK, it has been disabled with the latest update. Give it a shot and let me know if all is good now. I didn’t have much time for thorough testing but I also haven’t noticed anything strange.

    Thread Starter xmastermind

    (@xmastermind)

    Thanks, working well on my end! Sent a small donation to your Paypal.

    Plugin Contributor Oooh Boi

    (@ooohboi)

    A link back to your version of Glider would be awesome!
    1000x THANKS for the donation, you are one of the few!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Glider – Swiper Crossfade Option?’ is closed to new replies.