Okay
  Public Ticket #1344975
Big images cropped on big screens
Closed

Comments

  • takozzo started the conversation

    Hi everybody and thank you for this beautiful plug-in.

    I’ve created a fullwidht layerslider (1280×720) and it works very well on my screen. The problem is when it appears on big screens, is it possible to have it fixed only on big screen (see attachment)?

    My need is to have the slider fixed on big screens, even with white border on both sides.

    Thank you. Alberto

  • [deleted] replied

    Hello Alberto,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.

    The fullwidth layout can be a bit tricky. This mode is always stretching the slider to the sides of the browser. Therefore, on certain resolutions your images will be either cut or deformed, as the slider's aspect ratio becomes different from the images.

    Imagine it as watching a 4:3 video on a 16:9 screen. It won't fit perfectly as they have different aspect ratios. You have three options. You can show the whole video with its original sizes, but leave the sides blank. Or you can stretch the video to the sides of the screen, therefore deforming it. Or you can enlarge the video to fill the screen, without chaning its aspect ratio, resulting in cropping. This is how fullwidth setups work, unfortunately there is no perfect solution.

    I believe the closest to what you want to achieve, would be to leave the Slide Background Image -> Size option on auto.

    Alternatively, you could also build two sliders with different sizes and/or different content, for large and smaller screens, include them both to the site, and only display them (using the Hide over and Hide under options) on the required resolution.

  • takozzo replied

    Hi Attila and thank you for your reply.

    I'll try to set around different options and let you know if there is any progress.

    Thank you.

    Al

  • [deleted] replied

    Thank you for the feedback. If you need further assistance please let us know.