Jssor完全适合div中的图像

Question

我很难通过Jquery更改CSS /设置以使图像完全适合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>