[Ying-Fu LiParticipant]

Hi,

1) I have used three images to rotate as background images, zet to 5000ms and 750ms fade. However, the fade only applies to the next image, the current image remains until the next has faded in and then disappears without fade. Is it possible to have the images both fade in and out?

[2) Another related question: how can I target the background images to not appear on tablet and phone?] Found this out:

@media (max-width:1024px){
.backstretch {
display: none;
}
}

[ZeshanMember]

Hi Ying,

Thanks for writing in!

#1: To assist you with this, we’ll first need you to provide us with your URL of the page where you have added the background image slider as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you.

#2: Glad to hear you have sorted it out!

Thanks!

[Ying-Fu LiParticipant]

Sorry: http://sportcentrum-dynamic.nl (though I reckon this is website independent…?)

[Nabeel AModerator]

Hi again,

If you’re using Revolution Slider, Image fade effect can be controlled via Revolution Slider > Edit Slides > Transitions

If you’ve added images via Visual Composer, You can add the Fade In animation but adding Fade out animation may not be possible without custom development.

Hope this helps!

[Ying-Fu LiParticipant]

Hi,

Yes, I know how to do that in Revolution Slider. However, I meant the background images behind the boxed website that I set at each page: http://sportcentrum-dynamic.nl/wp-content/uploads/Schermafbeelding-2015-01-06-om-19.08.39.png

As you can see (or know, probably) you can only set the fade in for each image, not the fade out. My question was if there is a way to also have the images fade out? That way the transition between the images is smoother.

[ChristianModerator]

Hey Ying,

Sorry for the confusion. There is no fade out option in Backstretch JS plugin. Please see the options at https://github.com/srobbin/jquery-backstretch

Our background in http://theme.co/x/demo/integrity/4/ transitions smoothly. There might be other factors affecting your slide.

You might want to contact our trusted partners who caters X setup and customization needs. Please see https://theme.co/x/member/custom-development/.

Thanks.

[Ying-Fu LiParticipant]

Okay. What factors might affect the fade?

[Ying-Fu LiParticipant]

Found the problem: the images (.png) I used had layers. I flattened the layers in Photoshop to ‘background’ and all is well now

[ChristianModerator]

Glad you’ve sorted it out Ying.

[Author]

Posts