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

【问题标题】：Jssor slider 100% width (blurred images)Jssor 滑块 100% 宽度（图像模糊）
【发布时间】：2015-03-24 23:28:55
【问题描述】：

我正在使用 100% 宽度的滑块，这很棒！但我意识到我为幻灯片背景上传的图像似乎很模糊，尽管它们的实际尺寸比滑块中显示的要好。我不知道哪个属性可能导致模糊，有什么办法可以摆脱？谢谢！！！

【问题讨论】：

你能提供一些代码吗？

【解决方案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 选项将您的图像填充到“幻灯片”容器中。

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

如果“幻灯片”容器尺寸小于您的图片尺寸，则可能会降低质量。解决方法是将“幻灯片”容器的大小设置为您的图像大小。

【讨论】：