이미지 미리로드에서 상대 경로

이것은 바보 같은 질문 일 수 있습니다. 그러나 나는 혼란스러워하고 이것을 알고있는 사람의 의견을 듣고 싶습니다.이미지 미리로드에서 상대 경로

이미지를 미리로드하는 것은 JavaScript 또는 CSS (내가 고려중인 두 가지 이름으로)를 통해 수행 할 수 있습니다. 브라우저에서 동일한 이미지 경로를 다시 찾으면 캐시 된 이미지를 렌더링하는 자습서를 읽습니다.

내가 좋아하는 이미지를 미리로드 할 경우

<img src="../images/bg.jpg" alt="background" width="1" height="1" style='display:none' />

및

자바 스크립트와 유사

<img src="images/bg.jpg" alt="background" />

을 :

function preload(arrayOfImages) { 
    $(arrayOfImages).each(function(){ 
     $('<img/>')[0].src = this; 
    }); 
} 

// Usage: 

preload([ 
    '../img/imageName.jpg', 
    'img/imageName.jpg' // case when using this script in a different hierarchical level) 
]);

윌 이미지의 렌더링에 두 번째 호출 결과 ~부터 그는 경로이 지정 되었기 때문에 버전을 캐시했거나 작동하지 않습니다 (궁극적으로는 동일한 파일을 참조 함).

미리 감사드립니다.

출처

2013-10-21 Mahendra Liya

캐시를 확인하기 전에 파일의 전체 경로를 확인합니다 브라우저 - 당신이 할 수있는 Web Inspector 도구 또는 Firebug를 사용하여이를 테스트하십시오. – Graham

브라우저가 항상 전체 절대 경로를 사용하여 이미지가 캐시되었는지 여부를 확인한다고 말합니까? –

네, 맞습니다 :) 브라우저가 캐시 된 항목을로드해야하는지 (ETags, 헤더 만료 등) 브라우저가 캐시 된 항목을로드해야하는지 여부에 영향을주는 다양한 요소가 있으므로 브라우저가이를 확인하고 수행 할 작업을 선택하기 전에 전체 절대 경로를 먼저 결정합니다. – Graham

나는 이것이 및 이전하지만 인턴에서이 일을 항상 얻을 실현 - ... 그래서 여기 간다

온로드 기능을 찾기 위해 브라우저를 이야기/요청하는 JS 파일에 있지만 이미지; 브라우저를 사용하여 이미지를 찾고 JS에 이미지가로드되었음을 알립니다.

그래서 JS의 이미지 경로는 HTML에 입력하는 방법과 동일해야합니다.

PS : 나는 이미지 폴더 "/ 이미지"이고 폴더 "/ IMG"당신의 JS에서 HTML에서 발견

출처

2017-04-04 00:29:55 moonunit7

이미지 미리로드에서 상대 경로

답변

관련 문제