진행률 표시 막대 이미지로드

Question

안녕하세요,

나는 웹 사이트를 구축 중이며 원격 웹 사이트에서 이미지를로드합니다. 지금은 이미지가 완전히로드 될 때까지 페이지가 비어 있습니다. 누군가가 백분율로 이미지를로드하는 진행 상황을 쉽게 보여 주거나 부트 스트랩 진행 막대와 같은 것을 사용하기를 바랍니다.

<img src="http://www.someWebSite.com/testImage.png" alt="Test"> 

권장 사항 :

는 지금은 순수한 HTML을 사용하고?

Answer 1

부트 스트랩 (또는 다른 프레임 워크)을 사용하는 것이 좋습니다. 사이비 코드

1. yourDiv 부모 사업부는

   ('#yourDiv').append(#loading); 
   ('#yourImage').onLoad(function(){ 
       ('#yourDiv').append(#yourImage); 
       ('#yourDiv').delete(#loading) 
   }); 
   

   ,

2. 로드로드 애니메이션
3. yourImage를 만들기 위해 jQuery를 사용하여 는

Answer 2

체크 아웃 HTML 이미지입니다 이 스레드는 이미지의로드 진행률을 표시하는 방법을 설명합니다. JavaScript loading progress of an image