jQuery Image Preloading 소스 링크
예전 드림위버를 이용해 작업을 할 때는 메뉴 이미지 롤오버를 작성할 때 자동으로 롤오버 이미지 preloading 함수를
넣어주던데.. 그 소스를 그냥 사용해도 되지만 언젠가 부터 jQuery를 이용해서 작업을 하다 보니 롤오버 이미지를
preloading할 수 있는 코드가 존재하지 않을까 싶어 구글링해보니 역시 세상에는 능력자들이 너무도 많다는.. ㅎ
원글링크 : http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript
사용법은 원글에도 자세하게 나와있지만 아래 코드를 넣어주고 이미지 파일을 배열로 적어주면 된다. 너무도 쉽게..
(function($) {
var cache = [];
// Arguments are image paths relative to the current page.
$.preLoadImages = function() {
var args_len = arguments.length;
for (var i = args_len; i–;) {
var cacheImage = document.createElement(‘img’);
cacheImage.src = arguments[i];
cache.push(cacheImage);
}
}
})(jQuery)
jQuery.preLoadImages(“image1.gif”, “/path/to/image2.png”);
현재 작업 중인 사이트에 적용을 해봤는데 특별한 이상없이 사용이 가능했다.