jquery - 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/

标签： jquerycssjssor

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>