├── .project
├── README
└── imageCache.js


/.project:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <projectDescription>
 3 | 	<name>imageCache-git</name>
 4 | 	<comment></comment>
 5 | 	<projects>
 6 | 	</projects>
 7 | 	<buildSpec>
 8 | 	</buildSpec>
 9 | 	<natures>
10 | 	</natures>
11 | </projectDescription>
12 | 


--------------------------------------------------------------------------------
/README:
--------------------------------------------------------------------------------
 1 | This JavaScript library is intended to make image caching as simple as possible.  The syntax is:
 2 | 
 3 | var s=["images/1.jpg", "images/2.jpg", "images/3.jpg"]; // or any array of image URLs
 4 | imageCache.pushArray(s, loadImageEvent, loadAllEvent);
 5 | 
 6 | loadImageEvent is a callback that fires everytime an image is loaded.
 7 | loadAllEvents is a callback that fires when all images are loaded.
 8 | 
 9 | More info can be found at http://www.useragentman.com/blog/?p=4329
10 | 


--------------------------------------------------------------------------------
/imageCache.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * imageCache.js - image caching framework.
 3 |  * Zoltan Hawryluk - http://www.useragentman.com/
 4 |  * MIT License.
 5 |  */
 6 | 
 7 | var imageCache = new function () {
 8 | 	var me = this;
 9 | 	
10 | 	var cache = [];
11 | 	var root = document.location.href.split('/');
12 | 	
13 | 	root.pop();
14 | 	root = root.join('/') + '/';
15 | 	
16 | 	me.push = function (src, loadEvent) {
17 | 		
18 | 		if (!src.match(/^http/)) {
19 | 			src = root + src;
20 | 		} 
21 | 		
22 | 		var item = new Image();
23 | 		
24 | 		
25 | 		if (cache[src] && loadEvent) {
26 | 			loadEvent(src);
27 | 		} else {
28 | 			if (loadEvent) {
29 | 				item.onload = loadEvent;
30 | 				item.onerror = loadEvent;
31 | 			}
32 | 			cache[src]=item;
33 | 		}
34 | 		
35 | 		item.src =  src;
36 | 	}
37 | 	
38 | 	me.pushArray = function (array, imageLoadEvent, imagesLoadEvent) {
39 | 		var numLoaded = 0;
40 | 		var arrayLength = array.length;
41 | 		for (var i=0; i<arrayLength; i++) {
42 | 			me.push(array[i], function (e) {
43 | 				if (imageLoadEvent) {
44 | 					imageLoadEvent(e);
45 | 				}
46 | 				numLoaded++;
47 | 				if (numLoaded == arrayLength) {
48 | 					setTimeout(function () {
49 | 						imagesLoadEvent(e);
50 | 					}, 1)
51 | 					
52 | 				}
53 | 			})
54 | 		}
55 | 	}
56 | 	
57 | }
58 | 


--------------------------------------------------------------------------------