내 클라이언트 제품의 특성을 선택할 GUI 용 이미지 모음을로드하고 있습니다.Jquery Best Case 시나리오
시작 부분에 모든 이미지를 미리로드 한 다음 (일부 시간이 소요될 것으로 짐작) GUI에 모든 기능이 포함되어 있거나 즉시 이미지를로드하는 것이 가장 좋습니다.
기본적으로 나는 그림/포스터 프레이밍 응용 프로그램을 만들고 있습니다. 나는 사용자가 선택할 수있는 약 20 개 이상의 프레임을 가지고 있으며 프레임을 클릭 할 때 GUI의 디스플레이에있는 프레임의 이미지를 변경합니다.
저는 Jquery를 사용하고 있습니다. 어떤 통찰력이라도 이것에 대한 최선의 시나리오로 도움이 될 것입니다.
그리고 모든 이미지를 미리로드하는 경우 Ajax에서 본 것처럼 Flash 또는로드 GIF에서 보는 것처럼 화면에 로딩 막대 중 하나를 넣는 방법은 무엇입니까?
감사
마이크
정답은 여러 가지 요인에 따라 달라집니다둘 다 사용하지 않는 이유는 무엇입니까?
이미지를 느리게로드 할 수 있지만 $(document).ready() 후크를 사용하여 이미지를 미리로드 할 수 있습니다. 그렇게하면 미리로드되기 전에 사용자가 이미지에 액세스하면 그 이미지가 나타납니다. 사용자가 충분히 길게 기다린다면 즉시 발생합니다.
이 기술은 메뉴 바 롤오버와 같은 것들과 공통적입니다.
. 이미지의 크기는 얼마나되며 얼마나 많은 이미지가 있습니까? 처음부터 모든 이미지를로드하면 심각한 지연이 발생합니까? Jeff Atwood said 성능은 기능입니다.
모든 것을 앞에로드하는 것이 아니라 성능이 우수한 앱 측면에서 오류가 발생합니다.
프레임 이미지의 크기에 따라 다름 ... 1 - 2K와 같이 작 으면 동적으로 이미지를로드합니다. 그렇지 않으면 미리로드 할 수 있지만 헤더를 올바르게 설정하여 한 번만 읽고 가져옵니다. 다음 번에 캐시에서.
진행률 표시 줄에 대해서는 Ajaxian에이 문서 (jQuery에서 이미지 미리로드 및 진행률 표시 줄 포함)에 대해 확인하는 것이 좋습니다.
CSS 스프라이트 사용을 고려해 보셨습니까? –