getting real size of images to decorate links about vivagraphjs HOT 4 CLOSED

I also tried to work out with this solution but didn't help for me yet...
(http://stackoverflow.com/a/5933319/305883)

function FULL_IMAGE(fimage) {
var loaded = false;
function loadHandler() {
if (loaded) {
return;
}
loaded = true;
}
var img = new Image();
img.onload = loadHandler;
img.src = fimage;
img.style.display = 'block';
if (img.complete) {
loadHandler();
return (img.width, img.height);
}
}

from vivagraphjs.

Here is a demo: http://jsfiddle.net/anvaka/nK75s/
It loads detached DOM image and only then sets the link to svg image.

I'm not sure why Google Chrome does not fire load event as described here for SVG images. Firefox does fire it.

Anyways solution with plain DOM images worked in both browsers. I wouldn't worry too much about loading the same image twice - browsers normally will not make additional request for the same resource, and reuse what they have. In the JS Fiddle above Chrome indeed does only one request for each image.

from vivagraphjs.

thank you man!
I've just seen your answer only now!

from vivagraphjs.

Glad it worked :)

from vivagraphjs.