Скачать с ютуб Smart Slider 3 - Size Ratio, Limit Slide Width Max, Minimum Height and Force Full Width Explanation в хорошем качестве

Smart Slider 3 - Size Ratio, Limit Slide Width Max, Minimum Height and Force Full Width Explanation

It's a little slow at parts but that's because I was figuring some things out while I was making the video. I recorded this to remind / teach myself the key concept of the Slider Size RATIO together with limiting slide width to a max number of pixels in connection with setting a minimum height and enabling "Force Full Width" It's pretty tough to conceptualize these ideas together and visualize how they interact with each other in order to get the slider behavior that you're looking for. In this example, I was going for a slider that will fill the browser width, and that will keep the background image at the same dimensions at certain browser resolutions, and then zoom in on the background image past certain breakpoint resolutions. Key concepts explained: Your slider Size sets the slider RATIO The "Limit Slide Width" + "Max" pixels also determines the HEIGHT of the slider because the max width also increases or decreases the height of the slider because the RATIO IS LOCKED (when you also set the slide background image fill option to "fill") The Min Height is a MINIMUM height. It prevents the slider from shrinking below that height. AGAIN, you must remember that the dimensions of the slider is affected by this minimum by it also RESPECTS THE RATIO that you established with the Slider Size you set. I neglected to state that it's key to set the layout to Full width in this scenario I explored.