problemas JSSOR controle Deslizante
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);
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