Okay
  Public Ticket #314254
Limit NectarSlider scaling to 2:3 with no cropping?
Closed

Comments

  •  7
    Kurtis started the conversation

    As a photographer, I want my images to be seen large, but I also want them to be seen as intended without cropping based on the user's browser size. Is there any way for me to constrain scaling to 2:3 ratio so that no matter how big or small they scale the images, they will not be cropped? A no-cropping mode for the slider would be excellent, but if it already exists I haven't been able to figure out how to make that work.

    Any help would be most appreciated.

  •  8,844
    Tahir replied

    Hey!

    Please try using the Flexible Slider Height option in Nectar Slider.

    Also when using the flexible slider height option you have to enter the slider height based on how big your images would be at 1600px width - this will ensure the scaling is perfect with no clipping. To find the correct height for your images use this: http://andrew.hedges.name/experiments/aspect_ratio/ . The default width for images is 1600px so for example a image that is 1904 x 738px would be converted to 1600 x 620px if scaled down. Therefore slider height would be set to 620 px .


    The flexible slider height option makes the Nectar Slider respond perfectly to ensure there's no clipping on any view - leaving it off will cause the height of the slider to change only once per every viewport change (desktop, ipad, mobile) and clip variously between them.
    Thanks


    ThemeNectar Support Team 

  •  7
    Kurtis replied

    Thanks Tahir - it's not a perfect solution, but I do find that the images look better at 1600px than they did at 1800px (this should be explicitly stated that you should upload them at that width rather than providing a range). The image still gets cropped where ideally it would always scale proportionally, but it is better than it was before.