이미지 갤러리의 스크롤 DIV 안에 많은 이미지가 있으며 이미지를 아래로 스크롤 한 후에 DIV에 표시 될 때만로드됩니다. 이로 인해 DIV가 고정되어 이미지를로드하려고합니다. 이 문제를 해결할 수있는 방법이 있습니까? 아마도 자바 스크립트와 관련이있을 것이라고 확신합니다.이미지를 스크롤 DIV에로드하십시오.
그냥 내 간단한 DIV.
<div style="width:275;height:400;overflow-x:scroll;">
content
</div>
http://www.techrepublic.com/article/preloading-and-the-javascript-image-object/5214317
당신은 자바 스크립트
당신은 이미지를 미리로드 할 필요내가 원하는 것에 딱 맞는 길에! 감사합니다. 8 분 안에 답을 확인해 보겠습니다. –
이상적, 기꺼이 도와 드리겠습니다. – vimist
로 이미지를 미리로드 할 수 있습니다. 자바 스크립트를 사용하지 않으려는 경우 this way을 시도하십시오.
외부 기능을 위해 이미지를 사용하고 있지 않은 경우이 작업이 가능합니다./ –
어쨌든 이미지를 추가해야하므로 아무런 차이가 없습니다. – CompanyDroneFromSector7G
예, 실제로 이와 관련하여 많은 관련 라이브러리가 있습니다. 대부분 이전 브라우저의 대역폭 절약 목적으로 사용되지만 여기에서 원하는 것과 동일한 작업을 수행합니다. 그들은 보이지 않게 한 후 : (없음 표시)를 이미지의 크기가 매우 큰이며, 당신이 그들을 매우 긴 줄이있는 경우
http://yuilibrary.com/yui/docs/imageloader/
동시에http://www.appelsiini.net/projects/lazyload
, 숨길 수없는 기억 보기에서.
이미지가 표시된 영역에 도달하기 전에 고정 된 픽셀 수가로드되기 전에이 지연로드 스크립트를 사용해보십시오. 이것은 많은 옵션
function expandDiv(idOfDivElement) {
divObj = document.getElementById(idOfDivElement);
var imageObj = document.createElement('img');
imageObj.setAttribute('src', 'path/example_image.jpg');
divObj.appendChild(imageObj);
// your expand div code here
}
당신은 자바 스크립트 관련 maby 당신이 자바 스크립트 코드를 게시해야합니다 알고 있기 때문에이있다? :) –