Safari中的图像质量较低，使用了jssor滑块 [英] low image quality in safari, jssor slider is used

问题描述

我在我的网站上使用了jssor滑块，该滑块在safari之外的所有浏览器中都可以正常工作，因为safari图像几乎没有模糊. 我的图片大小大于滑块Div，图片大小为(1207 x 708)，但div为900 x 600 px. 请帮我如何解决这个问题

解决方案

将其添加到滑块选项列表中:

$HWA: false

根据JSSOR参考，HWA是硬件加速-链接

我通过另一个S.O发现了这个选项.来自JSSOR的帖子，以回应某位希望防止"-webkit-transform:Perspective(2000);"的人的回复.被注入到他们的代码中，这样做.因此，它可能会影响3D过渡(未经测试).

似乎设置$HWA: false也会禁用图像重采样，从而使与Retina兼容的图像能够正确显示.

I have used jssor slider on my website which works fine in all browsers except safari, in safari images are little blur. My image size is bigger than slider Div, image size is (1207 x 708) but div is of 900 x 600 px. please help me how can i fix this issue

解决方案

Add this to your list of slider options:

$HWA: false

HWA is HardWare Acceleration, according to the JSSOR reference - link

I discovered this option via another S.O. post from JSSOR in response to someone who wanted to prevent "-webkit-transform: perspective(2000);" being injected into their code, which it does. It may, therefore, affect 3D transitions (untested).

It appears that setting $HWA: false also disables image resampling, thus allowing your Retina-compatible images to show correctly.

这篇关于Safari中的图像质量较低，使用了jssor滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！