Okay
  Public Ticket #2471231
appearance
Closed

Comments

  • Bart De Lepeleer started the conversation

    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

  •  116
    Kristof replied

    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,
    Kristof Molnar | Kreatura Support Team

  • Bart De Lepeleer replied

    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

  •  116
    Kristof replied

    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,
    Kristof Molnar | Kreatura Support Team

  • Bart De Lepeleer replied

    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>


  •  116
    Kristof replied

    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,
    Kristof Molnar | Kreatura Support Team

  • Bart De Lepeleer replied

    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



  •  116
    Kristof replied

    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,
    Kristof Molnar | Kreatura Support Team