Fade-in: on scroll & slide background

If you are using Fade-in: on scroll, the space, where the slider is could look kind of empty, until you scroll in there, and to avoid that, you could show the background image, and make only the layers to start, when you scroll to the slider, just go to the Edit SliderHTML widget, and paste this code in it:

<style>
.nextend-slider-fadeload{
	opacity:1!important;
}
.smart-slider-layer{
	opacity:0!important;
}
.nextend-loaded .smart-slider-layer{
	opacity:1!important;
}
</style>