BUT, this is not working with layers I put inside the slider : they are scaling according to the width ? What are the options I need to get the same result from the layers inside this slider ?
Thank you for the feedback. If you want to center a layer inside the slider, you will need to set 50% for its width and height values. This way the layer will scale proportionally and be centered on all screen sizes.
Hi,
you will find attached what I need to do. I need the bg of the slider to get always in the center of the viewport.
I cannot figure out the slider options I need to put in order to get this right - if possible.
Please help, this is pretty urgent.
Guilhem
I figured out the sliders opition I need to get this :
it was :
$('#layerslider-mob-1').layerSlider({
type:'fullsize',
autoStart: true,
skin: 'noskin',
optimizeForMobile:true,
globalBGImage:'/img/city-bg-mob.png',
globalBGPosition:'center center',
globalBGSize:'cover',
});
BUT, this is not working with layers I put inside the slider : they are scaling according to the width ? What are the options I need to get the same result from the layers inside this slider ?
thanks
Hey Guilhem,
Thank you for the feedback. If you want to center a layer inside the slider, you will need to set 50% for its width and height values. This way the layer will scale proportionally and be centered on all screen sizes.