ASP.NET에서 img src를 Ajax로 변경하십시오.

Question

<img> 태그가있는 .aspx 페이지에 페이지의 일부 컨트롤 값에 따라 src 제목이 변경 될 수 있습니다. Pratically 나는 src을 변경하고 (서버가 byte[] of the image을 리턴하는) 서버 응답을 기다리는 런타임 내장 쿼리를 사용하여 src을 변경합니다.

제 질문은 서버의 응답을 기다리는 동안 내 <img>이 깜박이고 (흰색으로 변함) 제 문제입니다. 서버가 완료되면 어떻게 업데이트 할 수 있습니까? JavaScript와 JQuery로이를 수행 할 수 있습니까?

미리 감사드립니다.

Answer 1

이미지를 미리로드하고 설정할 수 있습니다 다음과 같이 사전로드 때 :

jQuery로

$('<img>').attr('src', 'path/to/image/you/want/to/preload.png') 
      .bind('load', function() { 
       $('#image-to-replace').attr('src', $(this).attr('src')); 
      }); 

는, 이것이 <img> 생성의 src 속성을 설정하고 이미지의 load 이벤트에 이벤트 처리기를 부착 할 때 있도록 이미지로드가 완료되면 마크 업에있는 #image-to-replace에 이미지의 src을 설정할 수 있습니다.