jacklmoore의 colorbox를 사용하여 갤러리의 첫 번째 이미지 미리로드

Question

Im 사진 갤러리에 jacklmoore의 colorbox (http://www.jacklmoore.com/colorbox/)를 사용하려고하고 갤러리에서 첫 번째 이미지 (또는 가능하면 모든 이미지)를 미리로드하려는 경우 미리보기 이미지가 느린 인터넷 또는 3G 연결을 사용하는 사용자에게는 지연이 발생하지 않습니다.

기본 사진이 4 배 더 큰 축소판 이미지이므로 대역폭을 절약하고 가능한 경우 속도를 향상 시키려고합니다. 갤러리 크기는 약 3 장에서 20 장 사이로 다양합니다.

Colorbox는 '다음'및 '이전'사진을 미리로드하지만 초기 사진을 표시하지는 않습니다 ...이 문제에 대한 해결책이나 제안이 있습니까?

Answer 1

다음은 첫 번째 이미지를 미리로드하는 예입니다.

var firstSrc = $('a.example').colorbox().first().attr('href'); 
var img = new Image; 
img.src = firstSrc;