我正在使用 100% 宽度的 slider ,这太棒了!但我意识到我为幻灯片背景上传的图像似乎模糊了,尽管它们的实际尺寸比 slider 中显示的要好。我不知道哪个属性可能会导致模糊,有什么办法可以摆脱吗?谢谢!!!
最佳答案
请注意演示中的以下代码,
<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 以适应窗口宽度(根据您的响应代码中的逻辑)。
如果“幻灯片”容器尺寸小于您的图像尺寸,它可能会降低质量。 修复它的方法是将“幻灯片”容器的大小设置为您的图像大小。
关于css - Jssor slider 100% 宽度(模糊图像),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29244809/