2012-04-19 2 views
1

홈페이지 및 기사 목록 페이지의 모든 기사에 대한 기사 섹션 및 표시 이미지가있는 웹 사이트에서 작업하고 있습니다. 이 이미지 중 일부는 PNG로 업로드되며 크기는 11KB를 초과합니다.ASP.Net 웹폼에서 이미지를 다운로드하는 동안 진행률 표시 줄 표시

20 개의 이미지가있는 페이지에 20 개의 기사가 표시된다고 가정 해 보겠습니다. 때때로 이미지를 다운로드하는 데 시간이 걸립니다. 다운로드 할 각 이미지의 진행률 표시 줄을 표시하려고합니다. 나는 그물에 그것을 찾았지만 나는 옳은 물건을 얻을 수 없다.

올바른 방향으로 나를 가리킬 수있는 사람이 있으면 감사히 생각합니다.

이 웹 사이트는 ASP.Net 4.0, C#에서 개발 중입니다. 나는 지금 내가 그것을로드의 일종을 보여줄 수 있도록 일부 jQuery를 기능을 통합하려는 이미지를 표시하는 간단한 ASP.Net의 이미지 컨트롤을 사용하고 있습니다 ... 이미지까지 효과가 실제로 http://rascals.eu/templates/rt0802/portfolios/portfolio-2-columns/

+2

은을 가지고 도움이 될 수있는 다른 답을 주셔서 감사합니다 여기보세요 http://stackoverflow.com/questions/51352/how-to-show-a-spinner-while-loading-an-image-via-javascript – Samich

답변

0

내가 CSS에게 매력 같은

.ImageClass 
{ 
     display: block; 
     background-image: url('../images/loading-circle.gif'); 
     background-position: center center; 
     background-repeat:no-repeat; 
} 

작품을 사용하여 쉽게 해결책을 발견하십시오 .. 또한

0

유사한

뭔가를 다운로드

div 또는 span 태그에로드를 배치하고 표시하려면 표시하거나 숨길 수 있습니다. 처음에 표시하고 싶다면함수를 div 또는 span의 jQuery 준비 함수에두면됩니다.

의 jQuery 문서 show()hide()

관련 문제