use tinypic.com .
Btw I think I got your issue. I’ll try to explain why will be always cropped… or you’ll have a bigger gap between the slider and the content below.
You use the full width slider.
Let’s say you have this image 1170×500 but your browser window is like 1300px. Customizr full width slider, as the name suggests, enlarges the image to reach the full window width so 1300px, so its height, to keep the ratio unaltered, become 1300/1170×500 = 555.55 px (these maths are performed and applied by the browser because of the css rule width=100%). But the slider container’s height is 500px.
a) slides centering enabled:
In this case you will lose 555.55-500/2 px on top and on bottom, and the slide will result vertically centered
b) slides centering disabled:
you will lose 555.55-500/2 on bottom.
You don’t have great alternatives, you might want to make your images as large as possible so you will not lose anything on top/bottom (with common screen width).
Say this time you upload images 1900×500 , and your browser window is still 1300px what happens? Full width is 1300px so the new width will be 1300ox but the height 1300/1900×500 = 342.10 (these maths are performed and applied by the browser because of the css rule width=100%).
a) slides centering enabled:
Image will be resized to reach the container height (which now we know is 500px) and to keep the ratio, then, the width will become 1900px, Then the image will be horizontally centered. But the window width is 1300px, so you will lose (1900-1300)/2 = 300px on the left and 300px on the right.
b) slides centering disabled:
Your image is now 1300×342.10, you’ll see a “blank” gap of 500-342.10 = 157.9 px below the slide.
