如何使用沒有固定高度和寬度的JSSOR滑塊

我正在使用jssor滑塊作爲圖像滑塊。如何使用沒有固定高度和寬度的JSSOR滑塊

我希望我的圖像佔據整個屏幕的整個寬度但高度的一半。我使用下面的代碼將圖像尺寸調整到不同的屏幕尺寸

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


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

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

我的理解是JSSOR滑塊來工作，我需要提供的寬度和高度。我有內，外容器slier

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

現在的問題是上更寬的屏幕圖像尺寸1280×415我給1280的寬度的寬度和200高度的圖像看起來拉伸（很多）？有沒有什麼方法可以在JSSOR中使用百分比/或其他任何解決寬度和高度的方法來避免拉伸？

來源

2014-09-06 Kenner Dev

-1

您可以從CSS更改高度和寬度。我已經把一個滑塊在我的畫廊在www.bmskpt.in

來源

2014-09-06 21:08:06

您使用的是JSSOR嗎？或滑塊？ – 2014-09-06 21:22:21

-1

解決方案1：

請再試$ FILLMODE值1或2或4

解決方案2：

指定的「width： 1280px; height：415px;' '外部容器'和'幻燈片'容器。

爲滑塊的父節點指定「overflow：hidden」和大小（您需要）。

來源

2014-09-07 02:23:13 jssor

jssor感謝您的回覆。 – 2014-09-08 15:15:10

jssor感謝您的回覆。在發佈之前，我嘗試了$ FillMode選項1和2，但它沒有幫助。然而，現在我看到你的迴應後再次嘗試，神奇的是它正在工作（儘管不是完全沒有）。這不是拉伸，而是頂部和底部的徘徊。我看不到整個畫面。我嘗試了填充模式的選項4，但這不起作用。 – 2014-09-08 15:21:59

我不理解你的解決方案的第二行2： – 2014-09-08 15:23:01

如何使用沒有固定高度和寬度的JSSOR滑塊

回答

相關問題