How to stop loading a image from loading?

Question

The problem I am facing is that I can't stop load an image in browser. I can stop it from appearing using

display:none;

but it still loads in the browser. I can't remove it as it's not in my control. Please help.

Answer 1

Use jQuery .remove

$("#img_id").remove();

Or removeChild

var img = document.getElementById("img_id");
img.parentNode.removeChild(img);