게으른 로딩 또는 주문형

이것은 내 웹입니다 : http://www.alvaromillan.es. 나는 거의 모든 것을 증명했지만 적재가 여전히 너무 오래 걸리는 중입니다 ... 문제는 모든 이미지를로드하는 자바 스크립트가 될 수 있다고 생각합니다 ...이 자바 스크립트가 사용자가 클릭 할 때로드되고 싶습니다. 미리보기 이미지 (이 자바 스크립트는 라이트 박스)이지만 어떻게 해야할지 모르겠다. 게으른로드와 요구에 대해 읽었지만 얻을 수는 없었습니다 ...하지만 게으른 또는 주문형 물건을하고 싶습니다 ... 도와 주시겠습니까? 이제게으른 로딩 또는 주문형

이 코드를 가지고 있지만이는이 스크립트가 맨 끝에 실행되는 것을 말한다 : 당신이 HTML 페이지의 하단에있는 스크립트를 넣을 경우

<script type="text/javascript" src="js/fadeslideshow.js"> 
    function downloadJSAtOnload(){ 
     var element=document.createElement("script"); 
     element.src="js/fadeslideshow.js";document.body.appendChild(element); 
    } 
    if(window.addEventListener) 
     window.addEventListener("load",downloadJSAtOnload,false); 
    else if(window.attachEvent) 
     window.attachEvent("onload",downloadJSAtOnload); 
    else 
     window.onload=downloadJSAtOnload; 
</script>

출처

2011-12-07 user1051400

은 즉시 실행하고있을 것 페이지의 모든 항목에 액세스 할 수 있습니다.

onload과 반대로 DOMContentLoaded을 사용하는 것이 좋습니다. 후자는 모든 이미지가로드 될 때까지 대기하기 때문입니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <link type="text/css" href="style.css" rel="stylesheet"/> 
    </head> 
    <body> 


     <div id="element"> 
      Howdy 
     </div> 


     <script> 
      alert("That div says " + document.getElementById("element").innerHTML); 
     </script> 

    </body> 
</html>

출처

2011-12-07 22:47:27

나는 이해할 수 없다. 모든 onLoad를 변경하고 DOMContentLoaded를 넣어야한다는 것을 의미합니까? – user1051400

예, 또는 스크립트를 페이지 하단에 놓으십시오. html이로드되고 이미지가로드되기 전에 스크립트가 실행됩니다. –

@JeffreySweeney : 정확하지 않은'onLoad'를 참조했습니다 ('onload' 여야합니다 - [이 페이지] (https://developer.mozilla.org/En/Listening_to_events#Simple_DOM.c2.a0events) 참조)). 나는 그것을 바로 잡았다. – Tadeck

게으른 로딩 또는 주문형

답변

관련 문제