Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1300896
    patsorules
    Participant

    Hey 2getehr,

    I have a problem. On my slider http://www.patsorules.com there is an black screen between the first and the second slider. The blackscreen is just 1 sec. But I would have a smooth transition between Slider 1 and 2. The transition should be:
    First slider fade slow out to the buttom and the next scroll in (in the second when the first slider is out)
    Example: https://revolution.themepunch.com/wordpress-slideshow-gallery/#features

    I try so much, but If I change something on the fade out/in there is nothing with this black screen.

    Have someone an solution?

    Thanks
    PATSO

    #1301185
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! The black screen is the body background color. This is normal because the animation of the second slider is coming from bottom of the page. If you add a background color for the second slide, the back screen should be gone and will be replaced with that background color.

    Hope this make sense.

    #1302053
    patsorules
    Participant

    Hey
    thanks for your answer. It makes sense, but in my example ,the Slide doesnt have a break but that is exactly what I want. Is it not possible to delete the break (and therefor have no blackscreen) between the slides?

    Greetz
    PATSO

    #1302389
    Lely
    Moderator

    Hello Patso,

    When I check again, the black screen is not there anymore between slide 1 to slide 2. Even if there’s no break, we need to set background for slider 2. If it’s transparent, and your main slider settings is transparent too, when the image layer on slide 2 animation start from the bottom, current slide will see what behind it, which in this case is your body background color black. I can see that you have set it now. Please confirm.

  • <script> jQuery(function($){ $("#no-reply-1300896 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>