2011-03-10 6 views
0

먼저 js를로드하고 이미지를 두 번째로드하고 싶습니다. 이유 : 파란색 롤오버 효과를 즉시 적용하고 싶습니다. 결국 현재이 페이지의 이미지가 두 배로 늘어나 결국에는 사용자 경험이 커질 수 있습니다.이미지 전에 JS를로드 할 수 있습니까?

아이디어가 있으십니까? 당신의 JS와 이미지 모두가 HTML에서 직접 연결되어있는 경우

http://www.rollinleonard.com/elements/

+1

당신이 머리 부분에 자바 스크립트 파일을 추가 할 수 있습니다 :

로드 순서를 제어하는 ​​가장 좋은 기회 평소 당 자바 스크립트를로드 한 후 사용자 정의 JS 나중에 이미지를로드 할 수있는 DOM, 예를 조작 한 것입니다 !! !! –

답변

2

다음로드 순서는 전적으로 사용자의 웹 브라우저까지 (멀리있는 그대로 (당신이 전형적인 <script type="javascript" src=...><image src=...> 태그를 사용하는 의미) 알아).

var myDiv = document.getElementById("myImageHoldingDiv") 
    , img = new Image(); 
img.onload = function() { 
    myDiv.appendChild(img); 
} 
img.src = myImageUrl; 
관련 문제