MVC3 면도날 태그 <p></p>로보기

Question

이 C#으로 진행되고

, asp.net 4.0 MVC3 많은 이미지를 사전로드 I은 최대 9 개 장의 사진 각이 앨범을 가지고있다. 사진은 파일 시스템에 저장되고 데이터베이스에 의해 관리됩니다. 내 컨트롤러에서 전체 개체를 빌드하고 앨범에 대한 모든 데이터베이스 정보가있는보기로 전달할 수 있습니다. 그러나, 이미지를 즉각적으로 렌더링한다는 의미 일지라도 초기 페이지로드시에는 수백 개의 이미지를 사전로드 (컨트롤러가 아닌보기에서 수행) 할 수 있습니다. 내 페이지 디자인은 슬라이딩 윈도우의 선택에 따라 페이지의 아래쪽에 앨범을 표시하는 슬라이딩 윈도우가있는 디자인입니다.

a) 이미지를 미리로드하거나 캐시해야하는시기는 언제입니까?

b) 미리로드하려면 javascript를 사용해야합니까? 또는 이미지를 미리로드하거나 캐시하기 위해 MVC3의 구조를 사용해야합니까?

슬라이딩 윈도우를 새 앨범으로 옮길 때 애니메이션을 사용하고 애니메이션 중에 앨범의 이미지를 미리로드하지만 대체 또는 제안을받을 수 있습니다. 모든 아이디어에 크게 감사 할 것입니다.

는

Answer 1

내가 JS의 길을가는 것이 좋습니다 것, 이것은 전체 페이지를로드 할 것입니다 그리고 당신은 그들이로드하는 동안 페이지가 여전히 유용하도록 이미지의로드를 실행할 수 주셔서 감사합니다.

로딩 GIF에 대한 링크로 #을 대체하면 이미지에 대해 이와 같은 작업을 수행 할 수 있습니다.

<img src="#" delayed="http://mydomain.com/myimage.png"/ > 

다음 JQuery와에 페이지가 완료되면로드

$ ('IMG'). 각 (함수() {$ (이) .attr ('SRC', $ (this) .attr ('delayed'));});

이렇게하면 지연된 이미지 경로가 src로 바뀌고 이미지가로드됩니다.

한 번에이 작업을 수행 할 수있는 jquery 플러그인이 있지만 마지막으로 시간이 걸렸습니다.

편집 : looks like it has been updated