safari - JSSOR slider 问题

Question

我对 jssor Slider 有一个大问题，当从 iphone 4 safari 访问时，我制作了一个包含更多照片的画廊，仅导致 iphone 4 崩溃。在 iphone 5 上，我没有这个问题。

function ScaleSlider() {
    var parentWidth = jssor_slider2.$Elmt.parentNode.clientWidth;
    if (parentWidth)
        jssor_slider2.$ScaleWidth(Math.min(parentWidth, 960));
    else
        window.setTimeout(ScaleSlider, 30);
}

ScaleSlider(); // Here is the problem when the page loading...

$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);

Answer 1

有3种方法可以减少影响，请尝试一下。

1。将 $AutoPlay 选项设置为 false，然后在第一次缩放后通过 api 调用 (jssor_slider2.$Play();) 使其自动播放。

function ScaleSlider() {
    var parentWidth = jssor_slider2.$Elmt.parentNode.clientWidth;
    if (parentWidth)
        jssor_slider2.$ScaleWidth(Math.min(parentWidth, 960));
    else
        window.setTimeout(ScaleSlider, 30);
}

ScaleSlider(); // Here is the problem when the page loading...
jssor_slider2.$Play();

$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);

2。将 $HWA 选项设置为 false 以禁用硬件加速。

3。以延迟加载格式定义图像以减少开始时的加载。

<div><img src2="url" /></div>