Question

我正在使用jssor滑块作为图片滑块。

我希望我的图像占据整个宽度但是总屏幕高度的一半。我使用以下代码将图像调整为不同的屏幕尺寸

function ScaleSlider() {      
    var parentWidth = $('#slider1_container').parent().width();     


      if (parentWidth) {
       jssor_slider1.$ScaleWidth(parentWidth);

   }
   else
       window.setTimeout(ScaleSlider, 30);
}

我的理解是JSSOR滑块工作我需要提供宽度和高度。我有1280 X 415尺寸的图像。内部和外部容器的宽度为1280，高度为200

    <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 1280px; height: 200px; overflow: hidden;">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: absolute; overflow: hidden; left: 0px; top: 0px; width: 1280px; height: 200px;">
        <div>
            <img u="image" src="~/Images/slider/Slider_2.jpg" />                

        </div>
        <div>

            <img u="image" src="~/Images/slider/high-ct.jpg" />
        </div>

现在问题出现在更宽屏幕上，图像看起来很拉伸（很多）？有没有什么方法可以在JSSOR中使用百分比/或任何其他宽度和高度解决方案来避免拉伸？

Answer 1

您可以从CSS更改高度和宽度。我在www.bmskpt.in

的画廊中放了一个滑块

Answer 2

解决方案1：

请尝试$ FillMode值1或2或4

解决方案2：

指定＆＃39;宽度：1280px;身高：415px;＆＃39;对于外部容器＆＃39;和＆＃39;幻灯片＆＃39;容器

指定＆溢出：隐藏＆＃39;和滑块的父节点的大小（你需要什么）。

如何使用没有固定高度和宽度的JSSOR滑块

2 个答案: