如何将<li>添加到图像滑块 - JavaScript

Question

我在CMS中使用滑块。它适合屏幕高度，但我的图像缩小有问题。是否有任何CSS解决方案可以添加到img{}以使其无法扩展？或者我想知道是否有任何javascript解决方案可以将<li>添加到您的滑块div > ul并将其设置为背景并仍使其正常运行，就好像图像来自CMS本身一样？

我有这个：

<div id=imageSlider>
 <ul class="hs_cos_flex-slides-main">
      /* here <li> goes but I would like to place it my self if possible*/
 </ul>
<div>

我试过这样的事情

$("#imageSlider ul").append('<li></li>');

但不确切知道如何修复它。

这是从CMS运行的javascript滑块

<script>
window.hsSliderConfig = window.hsSliderConfig || {};
window.hsSliderConfig['module_1489510806896497'] = {
    mode: 'slider',
    mainConfig: {"animationLoop":true,"direction":"horizontal","slideshowSpeed":5000.0,"controlNav":true,"smoothHeight":false,"namespace":"hs_cos_flex-","slideshow":true,"selector":".hs_cos_flex-slides > li","animation":"slide"}
};
</script>