質問

私はJSSORスライダーに大きな問題を抱えています私はiPhone 4 Safariからのアクセスがあるときにもっと写真が付いているギャラリーを作りました。

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);
.

役に立ちましたか?

解決

衝撃を減らす3つの方法がありますので、ご試しください。

1。$ autoplayオプションをfalseに設定してから、最初のスケールの後にAPI呼び出しで自動再生します。

の後に$ 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>
.
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top