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选项。

然后，它将缩放整个滑块以适合窗口宽度（根据响应代码中的逻辑）。

如果＆＃39;幻灯片＆＃39;容器尺寸小于图像尺寸，可能会降低质量。解决问题的方法是设置幻灯片的大小＆＃39;容器到你的图像大小。

Jssor滑块100％宽度（模糊图像）

1 个答案: