safari - 问题 JSSOR 滑块

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>