css - Jssor slider 100% 宽度(模糊图像)

Question

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

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

然后，它将缩放整个 slider 以适应窗口宽度(根据您的响应代码中的逻辑)。

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