Image slider: maintaining equal height for all images while keeping slider responsive

Question

In my JS image slider (Owl-Carousel), images have different dimensions:

http://goo.gl/KmpX2P

Answer 1

My images are loaded dynamically, which mean image name could changes from time to time, how could keep as a background image and pass the proper image name into css file?