Pergunta

Eu tenho um grande problema com jssor controle Deslizante eu fiz uma galeria com mais fotos, quando o acesso a partir de um iphone 4 safari falhando apenas o iphone 4.No iphone 5 eu não tenho esse problema.

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);
Foi útil?

Solução

Existem 3 maneiras de reduzir o impacto, por favor, ter uma tentativa.

1.Definir $reprodução automática opção para false e, em seguida, torná-lo auto-reprodução, por chamada de api (jssor_slider2.$Play();) depois da primeira escala.

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.Definir $HWA opção para false para desativar a aceleração de hardware.

3.Definir imagem no carregamento lento de formato para reduzir a carga no início.

<div><img src2="url" /></div>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top