Hi Kerry, it's a timing thing. The image isn't available (downloaded yet) when the script first draws the gauges. The radar does not redraw the background after the initial draw, the other gauges do if they re-scale/change units/titles etc.
What you could try is adding a slight delay to the script, change...
Code:
// Kick it all off
$(document).ready(function() {
init();
});
to
Code:
// Kick it all off
$(document).ready(function() {
setTimeout(init, 500); // 0.5 second delay
});
Or, you could add the image to the start main page with a hidden style, and refer to that in the script.
Also you are downloading the image twice, you can lose all three statements refering to imgLarge as you do not seem to use it...
Code:
var g_imgSmall = null;
var g_imgLarge = null;
var g_imgSmall = document.createElement("img"); // small logo
var g_imgLarge = document.createElement("img"); // large background image
g_imgSmall.setAttribute("src", g_imgPathURL + "gold4.png");
g_imgLarge.setAttribute("src", g_imgPathURL + "gold4.png");
I know this is going back a bit, but I can't seem to get my logo working on the wind rose gauge.
Any idea what I've missed out, I've added the 500 delay in the init, but must be missing something else somewhere?
Login 
Register
Enhancement requests
Search
