Я пытаюсь использовать bxslider с изображениями разных размеров, которые бы я хотел иметь одинаковую высоту и разную ширину. Я хотел бы иметь карусель, как примеры наhttp://bxslider.com/examples/carousel-demystified, Эти примеры работают нормально, однако у меня есть изображения шириной 300, 400 и 500 пикселей, каждое из которых имеет разную высоту и масштабируется до той же высоты 400 пикселей. Я не хочу изменять ширину изображения, чтобы они были одинаковыми или обрезать его. Как использовать bxslider с изображениями разной ширины?

Если это невозможно сделать с помощью bxslider, то существует ли плагин jquery для такого поведения?

Пример:http://jsfiddle.net/GdD52/2/

<ul class="slider1">
    <li class="slide"><img src="http://placehold.it/140x130&text=FooBar1"/></li>
    <li class="slide"><img src="http://placehold.it/150x115&text=FooBar2"/></li>
    <li class="slide"><img src="http://placehold.it/130x160&text=FooBar3"/></li>
    <li class="slide"><img src="http://placehold.it/145x142&text=FooBar4"/></li>
</ul>