Skip to end of metadata
Go to start of metadata

Since version 2.0 you can add parallax effect to the slider which will appear when the user scrolls. You can simply enable it by adding one line JS after slider setup JS code as shown in the example below :

var slider = MasterSlider();
slider.setup('slider_id', {
    width:700,
    height:550
    // more options ...
});
 
// add scroll parallax effect
MSSc

MSScrollPrallax Parameters

MSScrollParallax.setup(slider_instance, layers_parallax_depth, background_parallax_depth, fade_layers);

Parameters

NameDefaultDescription
Slider Instance-The Master Slider instance
Layers Parallax Depth50The intensity of parallax effect, higher values makes the layer more sensitive. Negative values are allowed.
Background Parallax Depth40The intensity of slide's background parallax effect, higher values makes the background image more sensitive. Negative values are allowed.
Fade LayersfalseWhether fade layers while scrolling or not.

(info)  If you are using Master Slider jQuery Plugin setup you can access the slider instance object with:

var slider_instance = $('#slider').masterslider('slider');