내 asp.net 응용 프로그램에 내 페이지 콘텐츠가 너무 많아서 클라이언트 측에서 콘텐츠를 다운로드하는 비율로 바쁜 아이콘을 표시하려고한다고 가정합니다. 나는 그들이 많은 바쁜 아이콘을 보여주고 또한 그들이 얼마나 많은 내용이 클라이언트 기계에서 로딩되었는지를 나타내는 백분율을 보여주는 많은 플래시 및 슬 라이트 라이트 사이트를 보았다. 어떻게하면 JQuery를 사용하여이 작업을 수행 할 수 있고 클라이언트 컴퓨터에서 페이지 콘텐츠를 다운로드하면 바쁜 아이콘이 사라지고 실제 페이지 내용이 표시됩니다.JQuery를 사용하여 양식을로드 할 때 Busy Loading 메시지를 다운로드 할 때
샘플 코드를 사용해주세요. 감사합니다
당신 수, 자리 표시 자 이미지를 가지고 있고, 원하는 이미지를로드 할 때, 당신이 더 단계를 수행 할 수
var img = new Image();
img.src= "largerImage.png";
img.onload = function() { oldImage.src = img.src; };
새로운 소스로 자리를 대체 할 수 있으며, 코드는 항상 직접처럼 온로드를 적용 할 수있는 능력이 없을 수도로도 추가 단계를 수행 할 수있는 이미지 자체
<img src="http://www.codedigest.com/img/loading.gif"
onload="var t = this; var img = new Image(); img.src ='http://hardgeek.org/wp-content/uploads/2010/07/firefox-logo-1024x969.jpg'; img.onload = function() { t.src = img.src }" />
에 추가 할 수 있습니다 이건 그냥 제안이야.
나는 Uploadify와 같은 것을 권하고 싶습니다. 플래시 플러그인이 필요합니다. 이것은 훨씬 쉬운 방법입니다. 당신이 게으른로드 이미지를하려는 경우
이http://blog.bobcravens.com/2010/02/upload-files-with-progress-using-uploadify/
[업데이트]를 선택한 다음 JQuery와 lazyload 플러그인을 사용 : 여기
는 예 (ASP.NET MVC)입니다. 이렇게하면 현재보기 영역에있는 이미지 만로드됩니다. 아래로 스크롤하면 다음 이미지를 가져옵니다. 내 블로그 페이지에서 사용합니다.보기 소스와 모든 게시물 이미지에 게으른 로딩을 설정하는 스크립트 (라인 (13)의 주위에) 표시됩니다.
밥
ur effeort 주셔서 감사합니다. 나는 사람들이 내가 원하는 것을 이해하지 못한다고 생각합니다. 저는 사용자가 내 페이지를 요청할 때 메시지 대화 상자를 표시하고 메시지 대화 상자에 얼마나 많은 콘텐츠가 표시되는지 알고 싶습니다. 페이지의 비율이 1 % 또는 5 %와 같은 비율로 다운로드 중입니다. 나는 이미지 예고 등을 찾고 있지 않다. – Thomas
ur effeort에 감사드립니다 .... 나는 사람들이 찾고있는 것을 이해하지 못한다고 생각한다. 내 페이지가 사용자와 메시지에 의해 요청 될 때 메시지 대화 상자를 보여주고 싶다. 대화 상자에서 1 % 또는 5 %와 같이 비율로 다운로드중인 페이지의 내용을 볼 수 있습니다. 나는 예고편 등을 찾고 있지 않다. – Thomas