How to get the height of a hidden image?

Question

When a div is hidden (display:none) the browser will not load the images that are inside it. Is there a way to tell the browser to load the image?

Answer 1

Make the div visible, but position it outside the page with position: absolute;.

If your "other code" doesn't let you do this either, create a new image node with the same URL, position it outside the page, wait until it's loaded, read its height and destroy.