0
아약스로 나는 ul리스트를 만들고이를 페이지에 추가하는 이미지 URL 배열을 얻고 있습니다. 그런 다음 Photoswipe 슬라이더를 켜서이 이미지를 표시합니다. 문제는 휴대 전화 (ipod, htc)에서 발생합니다. 사진을로드 할 시간이 없습니다. 슬라이더를 켜기 전에 모든 이미지를 임시 어딘가에로드하는 방법이 있습니까?백그라운드에서 이미지를 미리로드하는 방법
A
답변
0
페이지가로드되면 이미지 개체를 만들 수 있습니다. 이렇게하면 이미지가 원격 서버에서 검색되어 페이지에 표시되지 않고 브라우저 캐시에 저장됩니다. 당신이 포함 동일한 원격 이미지를 참조 페이지 <img> 요소하면, 브라우저 캐시에서 제공하고 더 많거나 적은 즉시 표시됩니다
new Image().src = 'http://myserver.com/myimage.jpg';
...
<img src="http://myserver.com/myimage.jpg" />
가 Image 객체에 대한 참조를 저장 할 필요가 없습니다 위의 그림과 같이 src 속성을 지정하면 브라우저에서 캐시 할 수 있습니다.
+0
맞습니다. http://pastebin.com/FV6DjzRF? –
+0
Image 객체를 배열에 저장할 필요가 없습니다. 파일을 검색 한 다음 잊어 버릴 수 있도록 파일을 생성하십시오. – codebox
+0
이 작업을 추적하고 (내 경우에는 슬라이더에서) 몇 가지 작업을 수행 할 수있는 방법이 있습니까? 모든 이미지가로드 되었습니까? –
가능한 복제본 : http://stackoverflow.com/questions/476679/preloading-images-with-jquery – Nikola