Limited availability during the holidays
Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.
We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!
Hi,
I try to make a simple slideshow into a fixed container. The slideshow starts fullscreen however.
When using the parameter type:'responsive' (which should be the default according to documentation) the slideshow is not visible.
(see related URL)
Regards,
Bart
Hello Bart,
Thank you for getting in touch with us!
The slider in responsive mode fit to the size of the parent container.
Could you please send me an example about what would you like to achieve? I will help you to select the correct type for that.
Best Regards,
Andrea | Kreatura Support Team
In the example http://villaportugal.webbynotes.be/ there is a wrapper container (class="l-layerslider-wrapper") with fixed dimensions. The slideshow should be in that container.
Best regards,
Bart
Hello Bart,
Thank you for your feedback!
You should try the full-size with Fit to parent height mode, if you want the slider height be fixed to your container.
Best Regards,
Andrea | Kreatura Support Team
Hi Kristof
I am still struggling with this problem: http://villaportugal.webbynotes.be/
The slider should fit it's parent container (the blue box), but the initial aspect ratio is defined by the width and height of the slider container: <div id="layerslider" style="width:1000px; height:250px;">
How can I make it fit the width and the height of the parent container???
The initial settings are:
<script>
$('#layerslider').layerSlider({
skin:'noskin',
maxRatio: 1,
type:'responsive',
fullSizeMode: 'fitheight',
skinsPath: '/site/plugin/layerslider/layerslider/skins/'
});
</script>
Hello Bart,
You should try the type: fullsize, fullSizeMode: fitheight and should also be given a max width (which I think can be 100%, but if it doesn't go with that, it's the width of the container element). Or if the container element is really fixed (so the element itself is not responsive at all), set the size of the slider to the size of the container element and then the type can be fixed size.
Best Regards,
Andrea | Kreatura Support Team
Hi Kristof,
http://villaportugal.webbynotes.be/
As you can see, it does not work :(
The slider should fit the "blue container". This container is responsive (try resizing the browser)
The layerslider element has now max-width defined:
<div id="layerslider" style="max-width:100%; width:1000px; height:250px;">
The slider initialisation:
$('#layerslider').layerSlider({
skin:'noskin',
maxRatio: 1,
type:'fullsize',
fullSizeMode: 'fitheight',
skinsPath: '/site/plugin/layerslider/layerslider/skins/'
});
Regards,
Bart
Hello Bart,
Thank you for your feedback and sorry for the late answer!
Yes, it really doesn't work. You should set the allowFullscreen to false, because it's a bug in the current version that unfortunately when fullscreen is enabled, the fitheight fullsize slider doesn't always work.
Sorry for the inconvenience, we will correct this error in a future version, .
Best Regards,
Andrea | Kreatura Support Team