Jssor полностью соответствует изображению в div

Question

Мне трудно изменить CSS / Настройки через Jquery, чтобы изображения полностью вписались в div, что мне нужно сделать, чтобы любая картинка идеально вписалась в div?

https://jsfiddle.net/teonxyku/1/

Я попробовал следующее:

#slider1_container img {
    max-width:100%;
    max-height:100%;
}

Но это еще больше сломало ползунок.

Я буду вставлять jsfiddle, чтобы вы могли лучше понять весь код, вот его предварительный просмотр.

http://fiddle.jshell.net/teonxyku/1/show/light/

Answer 1

Классическое старое решение - сделать изображение на заднем плане div

#slider1_container {
  width: 200px;
  height: 160px;
  background: url('https://images.unsplash.com/photo-1518791841217-8f162f1e1131?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80');
  background-size: cover;
  background-repeat: no-repeat;
}

<div id="slider1_container"></div>