Javascript Jssor silder图像在safari中丢失质量

新版本的Jssor不会有这个问题

---

jQuery（文档）.ready（函数（$）{
变量选项={
$AutoPlay：对，
$PauseOnHover:true，//[可选]当鼠标悬停在幻灯片上时是否暂停如果幻灯片是自动播放的，默认值为false
$ArrowKeyNavigation:true，//允许或不允许箭头键导航
$SlideWidth:141，//[可选]每个幻灯片的宽度（以像素为单位），默认为“幻灯片”容器的宽度
$SlideHeight:200，//[可选]每个幻灯片的高度（以像素为单位），默认为“幻灯片”容器的宽度
$SlideSpacing:25，//每张幻灯片之间的间距（以像素为单位）
$DisplayPieces:3，//要显示的片段数（如果该值设置为大于1，则将禁用幻灯片放映），默认值为1
$ParkingPosition:0，//驻车幻灯片的偏移位置（此选项仅在禁用幻灯片放映时适用）。
$ArrowNavigatorOptions:{//[可选]用于指定和启用或不启用箭头导航器的选项
$Class:$jssorarrowsnavigator$，//[Required]类创建箭头导航器实例
$ChanceToShow:2，//[必需]0从不，1次鼠标悬停，2次始终
$AutoCenter:2，//[可选]父容器中的自动居中箭头，0个，1个水平，2个垂直，3个两者，默认值为0
$Steps:1//[可选]每个导航请求的步骤，默认值为1
}
};
var jssor_slider1=新的$JssorSlider$（“slider1_容器”，选项）；
//响应代码开始
//如果不希望在窗口调整大小时滑块缩放，可以删除响应代码
函数ScaleSlider（）{
var parentWidth=jssor_slider1.$Elmt.parentNode.clientWidth；
if（parentWidth）jssor_滑块1.$ScaleWidth（Math.min（parentWidth，800））；
设置超时（ScaleSlider，30）；
}
ScaleSlider（）；
如果（！navigator.userAgent.match（/（iPhone | iPod | iPad | BlackBerry | IEMobile）/）{
$（窗口）.bind（'resize'，ScaleSlider）；
}
//if（navigator.userAgent.match（/（iPhone | iPod | iPad）/）{
//$（窗口）.bind（“方向更改”，缩放滑块）；
//}
//响应代码端
});

我在Safari和JSSOR上也遇到了这个问题。Safari对指定的图像尺寸和实际的图像尺寸非常挑剔，而其他主要浏览器似乎忽略了它，而倾向于响应代码。标准演示中使用的图像（以及代码示例中使用的图像，除非您进行了更改）是600x300px，但是您为滑块容器和幻灯片本身指定了420x245。将这两个值更改为您正在使用的图像的实际大小，Safari就可以正常工作。
我在Safari和JSSOR中也遇到了这个问题。Safari对指定的图像尺寸和实际的图像尺寸非常挑剔，而其他主要浏览器似乎忽略了它，而倾向于响应代码。标准演示中使用的图像（以及代码示例中使用的图像，除非您进行了更改）是600x300px，但是您为滑块容器和幻灯片本身指定了420x245。将这两个值更改为您正在使用的图像的实际大小，Safari将正常工作。
您有视网膜显示器吗

Safari将图像调整为显示的幻灯片大小，但效果很差，因此图像看起来很模糊。视网膜显示器更是如此，因为它们的分辨率是72 dpi，而不是144 dpi

解决方案是在JSSOR中禁用硬件加速，如中所述

尝试将此添加到JSSOR选项：

$HWA: false

你有视网膜显示器吗

Safari将图像调整为显示的幻灯片大小，但效果很差，因此图像看起来很模糊。视网膜显示器更是如此，因为它们的分辨率是72 dpi，而不是144 dpi

解决方案是在JSSOR中禁用硬件加速，如中所述

尝试将此添加到JSSOR选项：

$HWA: false

我注意到，您制作的原始滑块的大小为'width:420px；高度：245px；'。请把原码调大一点

你知道，当你制作一个较小的滑块并将其缩放到较大的尺寸时，它可能看起来很模糊。但是，如果您制作大滑块并将其缩放到较小的尺寸，它不会失去质量（在Safari中）。
我注意到您制作的原始滑块的尺寸为“宽度：420px；高度：245px；'。请把原码调大一点

你知道，当你制作一个较小的滑块并将其缩放到较大的尺寸时，它可能看起来很模糊。但如果你制作大的滑块并将其缩放到更小的尺寸，它不会失去质量（在Safari中）