헤비급 JQuery와 슬라이드 쇼</p> <p><a href="http://www.tripleagent.co.uk/projects.html" rel="nofollow">http://www.tripleagent.co.uk/projects.html</a></p> <p>(... 여기 봐) 내 포트폴리오 사이트를 구축하고 아이 패드 2, 안드로이드 ICS와 아이폰

Question

에 데스크톱과 충돌에 느린 내가 함께 jQuery를 사용하고 있습니다 jquery.cycle.all.js. 필자는 수년 전에 제작 된 약 200 개의 슬라이드와 fitvid.js가있는 몇 개의 vimeo 비디오 (반응 형 디자인에 맞게 비디오의 크기를 조정 함)를 추가했습니다. 내 문제는 페이지가 워크 스테이션 컴퓨터 (i7 아이비 브리지 및 크롬)에서 느리고 ipad, android 및 iphone에서 충돌한다는 것입니다. 나는 jscript와 html5에 대해 새로운 것이므로 무엇이 잘못 될지 잘 모르겠습니다.

제한된 경험으로 저는 메모리가 부족하거나 느린 컴퓨터가 페이드 애니메이션을 동시에 처리 할 수 ​​없다고 생각합니다. 슬라이드 쇼의 일반적인 설정을 사용합니다.

$("#slideshow").cycle({ 
    fx:'fade,', 
    speed: 1000, 
    slideExpr:'.slide', 
    slideResize: 0, 
    timeout:  7000, 
    pause: 1, 
    //sync: true, 
    autostop: false, 
    pager: '#nav', 
    next: '#slideshow', 
    pagerEvent: 'mouseover', 
    fastOnEvent: true ,   
    pagerAnchorBuilder: function(idx, slide) 
    {return '<li><a href="#"><img src="'+slide.src + '"/></a></li>'; 
    }, 
    after: captionsAlt , 
    }); 

어떻게해야합니까? 페이지를 2 개로 나누면 아마 작동하지만 페이지를 최적화 할 수있는 방법이 있어야한다고 생각했습니다. 제안 사항이 있으십니까? 처음에 어떤 실수, 버그 또는 나쁜 디자인 아이디어가 있습니까?

Answer 1

나는이 질문을 한 지 몇 달이 지났습니다.

최신 jquery 1.9.1, cycle.all 3.0.4로 업그레이드했습니다. Safari, IE9 및 mozilla에 더 이상 문제가 많지 않습니다. 동영상은 Android 4.1+ 및 IOS에서 잘 재생되지만 여전히 약간 무겁고 vimeo 플레이어 위에 감동하고 스크롤하는 것과 관련된 몇 가지 문제가 있습니다. 그러나 나는 vimeo 포럼에서 이미 그것을 물었다.