Jssor滑塊100％寬度（模糊圖像）

Question

我使用滑塊100％寬度，這太棒了！但是我意識到我爲幻燈片背景上傳的圖像似乎模糊不清，儘管它們的實際尺寸與滑塊中顯示的尺寸相同。我不知道哪個屬性可能會導致模糊，有什麼辦法擺脫？謝謝！！！

Answer 1

請注意下面的代碼演示，

所有的

<div id="slider1_container" style="position: relative; margin: 0 auto; 
    top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;"> 
    ... 
    <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px; 
     height: 500px; overflow: hidden;"> 

首先，它會根據$ FILLMODE選項填寫你的形象在「幻燈片」容器。

然後，它將縮放整個滑塊以適應窗口寬度（根據您的響應代碼中的邏輯）。

如果「幻燈片」容器尺寸小於圖片尺寸，則可能會丟失圖片質量。 解決此問題的方法是將「幻燈片」容器的大小設置爲圖像大小。