JS: preload icon images

1 files changed, 29 insertions, 0 deletions

diff --git a/chimere/static/chimere/js/jquery.chimere.js b/chimere/static/chimere/js/jquery.chimere.js
index 24d4af1..9a07504 100644
--- a/chimere/static/chimere/js/jquery.chimere.js
+++ b/chimere/static/chimere/js/jquery.chimere.js
@@ -44,6 +44,15 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
             return v; };
 })( jQuery );
 
+/* preload images */
+(function ($) {
+    $.fn.preload = function() {
+        this.each(function(){
+            $('<img/>')[0].src = this;
+        });
+    }
+})( jQuery );
+
 (function ($) {
     /*
     * Chimere jQuery plugin
@@ -411,7 +420,27 @@ OpenLayers.Layer.MapQuestOSM = OpenLayers.Class(OpenLayers.Layer.XYZ, {
                     methods.routingAddStep();
                 }
             }
+            methods.preload_images();
         }, // end of init
+        /* Preload icons */
+        preload_images: function(){
+            var uri = extra_url + "getAllCategories/";
+            $.ajax({url: uri,
+                    dataType: "json",
+                    success: function (data) {
+                        if (!data.categories){return}
+                        for(var idx=0; idx<data.categories.length; idx++){
+                            new Image().src = data.categories[idx].icon.url;
+                            if(data.categories[idx].icon_hover){
+                                new Image().src = data.categories[idx].icon_hover.url;
+                            }
+                        }
+                    },
+                    error: function (data) {
+                        // fail silently
+                    }
+                });
+        },
 
         activateContextMenu: function(){
             settings.edition_type_is_route = false;